:root {
    /* --- Barevná paleta (Svatba) --- */
    --c-bg-primary: #ffffff;
    --c-bg-soft: #fafafa;
    --c-primary: #8FBC8F; /* Zelená */
    --c-primary-dark: #6e966e;
    --c-accent: #C06C62; /* Červená */
    --c-accent-hover: #a3554c;
    --c-text-main: #2c3e50;
    --c-text-muted: #6c757d;

    /* --- Typografie (příklady, uprav podle sebe) --- */
    --font-heading: 'Poppins', sans-serif; /* Pro nadpisy */
    --font-script: 'Poppins', sans-serif; /* Místo script fontu */
    --font-body: 'Lato', sans-serif; /* Pro tělo textu */
}

/* Povolení plynulého skrolování při kliknutí na interní odkazy */
html {
    /* Nastaví globální odsazení pro všechny interní skoky.
       HODNOTA: Musí odpovídat výšce vašeho menu (např. 80px). */
    scroll-padding-top: 80px; 
    scroll-behavior: smooth;
}

/* Načtení fontů bys měl mít v functions.php */
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
body { font-family: var(--font-body); }

/* Základní styly pro CTA */
.button, button, input[type="submit"] {
    background-color: var(--c-accent);
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    font-size: 1.1em;
}
.button:hover, button:hover, input[type="submit"]:hover {
    background-color: var(--c-accent-hover);
    cursor: pointer;
}

/* --- KONTROLA VERT. MARGINŮ PRO PŘESNÉ 100VH VYPOČTY --- */

/* --- Zjednodušená verze Sticky Footer Fixu --- */
html, body {
    height: 100%;
    margin: 0; 
    padding: 0;
    box-sizing: border-box; 
}

#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Je nezbytné, aby se obsah roztáhl */
}

#content {
    flex-grow: 1;
}

/* --- FIX: BARVA TEXTU V HLAVNÍ NAVIGACI --- */

/* Cílíme na všechny odkazy (a) v hlavní navigaci, aby se modrá přepsala */
.main-navigation a,
#site-navigation a {
    color: var(--c-primary-dark) !important; /* Tvá tmavě zelená, s vysokou prioritou */
}

/* Cílíme na odkazy při najetí myší (hover) a při zaměření (focus) */
.main-navigation a:hover,
#site-navigation a:hover,
.main-navigation a:focus,
#site-navigation a:focus {
    color: var(--c-accent) !important; /* Tvá červená accent barva */
}

/* A pro jistotu zopakujeme fix pro body text a obecné odkazy: */
body, 
.entry-content p,
.entry-content li {
    color: var(--c-text-main); 
}
a {
    color: var(--c-primary-dark);
}
a:hover, 
a:focus {
    color: var(--c-accent);
}

/* --- FIX: STICKY MENU (PEVNÉ ZÁHLAVÍ) --- */

/* 1. Fixace elementu záhlaví (Obsahuje logo a menu) */
.site-header {
    position: fixed;
    top: 0; 
    width: 100%;
    z-index: 100; /* Zajistí, že menu bude vždy nad veškerým obsahem */
    
    /* Většina záhlaví v GP nemá plný background, takže ho přidáme,
       aby se obsah pod ním neprosvítal */
    background-color: var(--c-bg-main, #ffffff); 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Jemný stín pro oddělení */
}

/* 2. Kompenzace: Odstranění "skoku" obsahu */
/* Když se záhlaví fixuje, odstraní se z toku dokumentu, 
   takže obsah pod ním "skočí" nahoru. Musíme ho ručně posunout. */

body {
    /* Důležité: Hodnota musí odpovídat PŘESNÉ výšce tvého fixovaného záhlaví */
    padding-top: 80px; /* PŘÍKLAD: Tuto hodnotu UPRAV dle potřeby */
}

/* --- FIX: STICKY MENU A ADMIN BAR --- */

/* 1. Nastaví sticky menu 32px pod Admin Bar, když je vidět */
body.admin-bar .site-header {
    top: 32px; 
}

/* 2. Upraví kompenzaci, aby se obsah neposunul nahoru */
/* Musíme sečíst výšku menu (80px) a Admin Baru (32px) */
body.admin-bar {
    /* Ujistěte se, že hodnota 80px je PŘESNÁ výška vašeho menu! */
    padding-top: calc(80px + 32px) !important; 
}

/* --- FIX: ANCHOR LINKS (KOTVY) S PŘEKRYTÍM --- */

/* Cílíme na všechny elementy, které používáte jako kotvy (ID) */
:target {
    /* Vytvoří neviditelný horní okraj, který odpovídá výšce menu. 
       Zabrání tak, aby se obsah skryl pod fixním menu. */
    
    /* HODNOTA MUSÍ ODPOVÍDAT VÝŠCE TVÉHO MENU (např. 80px z padding-top na body) */
    scroll-margin-top: 80px; 
}

/* --- ÚPRAVA VELIKOSTI TEXTU V MENU --- */

.main-navigation a {
    /* Nastaví velikost písma. Zkuste tuto hodnotu a upravte ji dle potřeby: */
    font-size: 1.1em; 
    /* Nebo pro přesné pixely: font-size: 16px; */
    
    /* Většinou je vhodné vynutit, aby se velikost aplikovala i přes jiné styly */
    line-height: 1; /* Zajišťuje, že se text správně zarovná na řádku */
}