/*
Theme Name: Medový Hero
Theme URI: https://vceli-med.zanony.com
Author: Roman
Description: Jednoduchá šablóna inšpirovaná Twenty Seventeen s veľkou náhodnou fotografiou v hlavičke (z Médií WordPressu alebo z externých URL).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: medovy-hero
*/
:root{--fg:#333;--muted:#767676;--accent:#c98a0b;--wrap:1000px;--text:740px;--navh:56px}
*{box-sizing:border-box}
body{margin:0;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--fg);background:#fff}
img{max-width:100%;height:auto}
a{color:var(--fg)}a:hover{color:var(--accent)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;width:100%}

/* Hero hlavička */
.site-header{position:relative;min-height:40vh;background:#222 center/cover no-repeat;color:#fff;display:flex;align-items:flex-end;transition:background-image .3s}
.site-header.is-front{min-height:calc(100vh - var(--navh));min-height:calc(100svh - var(--navh))}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--overlay,.3))}
.branding{position:relative;padding-bottom:48px}
.site-title{margin:0;font-size:2.4rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}
.site-title a{color:#fff;text-decoration:none}
.site-description{margin:.4em 0 0;opacity:.92}
.custom-logo{max-height:90px;width:auto}

/* Navigácia */
.main-nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee;min-height:var(--navh)}
.admin-bar .main-nav{top:32px}
.main-nav .wrap{display:flex;align-items:center;min-height:var(--navh)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.main-nav li{position:relative}
.main-nav a{display:block;padding:14px 16px;text-decoration:none;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#222}
.main-nav a:hover{color:var(--accent)}
.main-nav .sub-menu{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:200px;border:1px solid #eee;flex-direction:column}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}
.menu-toggle{display:none;background:none;border:0;font:inherit;font-weight:600;padding:14px 0;cursor:pointer}
@media(max-width:768px){
 .menu-toggle{display:block}
 .main-nav .wrap{flex-wrap:wrap}
 .main-nav .menu-wrap{display:none;width:100%}
 .main-nav.open .menu-wrap{display:block}
 .main-nav ul{flex-direction:column}
 .main-nav .sub-menu{position:static;display:flex;border:0;padding-left:16px}
 .site-title{font-size:1.7rem}
}

/* Obsah */
.site-content{padding:56px 24px;max-width:calc(var(--wrap) + 48px);margin:0 auto}
.entry{max-width:var(--text);margin:0 auto 72px}
.entry-title{font-size:1.9rem;line-height:1.3;margin:0 0 .3em}
.entry-title a{text-decoration:none}
.entry-meta{color:var(--muted);font-size:.85rem;margin-bottom:1.2em}
.entry-content>*{max-width:100%}
.alignwide{max-width:var(--wrap)}
.page-header{margin-bottom:40px}
.elementor-page .entry{max-width:none;margin-bottom:0}
.elementor-page .site-content{max-width:none;padding:0}
.site-content.wide{max-width:calc(var(--wrap) + 200px)}
.pagination{text-align:center}
.pagination .page-numbers{padding:6px 12px;text-decoration:none}

/* Pätička */
.site-footer{border-top:1px solid #eee;padding:32px 0;color:var(--muted);font-size:.85rem;text-align:center}
.site-footer ul{list-style:none;padding:0;margin:0 0 8px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.comments-area{max-width:var(--text);margin:0 auto}