/*============================================================================
   01-base.css — výchozí typografie + výchozí sekce/kontejnery (Divi 5 defaults)
============================================================================*/

/*============================================================================
   03 — VÝCHOZÍ TYPOGRAFIE (přepisuje Divi 5 defaults)
============================================================================*/
body,
.et_pb_section,
.et_pb_row,
.et_pb_module,
input,
textarea,
select,
button {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: var(--white);
    line-height: 1.55;
}

/* HTML hidden atribut musí vždy vyhrát — naše display pravidla na classách
   (.badge apod.) by ho jinak přebila (např. prázdný fav-count badge v headeru) */
[hidden] {
    display: none !important;
}

::selection {
    background: var(--berry);
    color: #fff;
}

h1, h2, h3, h4, h5, h6,
.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6 {
    font-family: 'Manrope', sans-serif;
    color: var(--ink);
    line-height: 1.05;
    letter-spacing: -.028em;
    font-weight: 700;
}

h1, .et_pb_module h1 {
    font-size: clamp(2.4rem, 5.5vw, 4.2rem);
    font-weight: 800;
    letter-spacing: -.04em;
}
h2, .et_pb_module h2 {
    font-size: clamp(1.7rem, 3vw, 2.2rem);
    letter-spacing: -.02em;
}
h3, .et_pb_module h3 { font-size: 1.35rem; font-weight: 700; }
h4, .et_pb_module h4 { font-size: 1.05rem; font-weight: 700; }
h5, .et_pb_module h5 { font-size: .95rem; font-weight: 700; }
h6, .et_pb_module h6 { font-size: .85rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }

p {
    font-size: 1rem;
    line-height: 1.55;
    color: var(--ink-soft);
}

/* Default: <a> dědí barvu od rodiče (logo, ikony, navigace, footer si řeší vlastní barvy přes class).
   Berry barva s underlinem se aplikuje jen u inline odkazů v textu — viz pravidlo níže. */
a {
    color: inherit;
    text-decoration: none;
    transition: color var(--t-fast);
}

/* Inline odkazy v body textu — opt-in přes specifický kontext (Divi text modul, články, p) */
.et_pb_text p a,
.et_pb_text li a,
.et_pb_post_content p a,
.et_pb_post_content li a,
.article-content p a,
.article-content li a,
.review-card p a,
.faq-a a,
.tip-callout p a {
    color: var(--berry);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1.5px;
}
.et_pb_text p a:hover,
.article-content p a:hover {
    color: var(--berry-deep);
}

ul, ol {
    padding-left: 24px;
}
ul li, ol li {
    margin-bottom: 6px;
    color: var(--ink-soft);
}

/* Akcent spany — pouze barva, nemění font */
.berry,
.et_pb_module .berry { color: var(--berry); }
.teal,
.et_pb_module .teal { color: var(--teal-deep); }
.lilac,
.et_pb_module .lilac { color: var(--lilac); }

/* Žlutý marker za slovem (např. „doma", „k vytisknutí") */
.marker,
.et_pb_module .marker {
    display: inline-block;
    background: var(--yellow);
    padding: 0 16px;
    border-radius: 14px;
    color: var(--ink);
}


/*============================================================================
   04 — VÝCHOZÍ SEKCE / KONTEJNERY (.ok-section, dřív Divi .et_pb_section)
============================================================================*/

/* Default sekce padding shora dolů 96px (mobile 64px) */
.ok-section {
    padding: 96px 0;
    background: var(--white);
}
@media (max-width: 780px) {
    .ok-section {
        padding: 64px 0;
    }
}

/* Na Divi od šířky 1350 px přebíjelo odsazení sekcí homepage vlastní pravidlo
   Divi (54 px). Na velkých monitorech jsou tak sekce těsnější než ve výchozím
   stavu výše. Kvůli shodě vzhledu to zůstává, varianty s !important
   (hero, Premium, no-pad-top) to nepřebije. */
@media (min-width: 1350px) {
    .ok-home .ok-section {
        padding-top: 54px;
        padding-bottom: 54px;
    }
}

/* Default row max-width.
   Horizontální padding NEPŘIDÁVAT — Divi má vestavěné width:80%, max-width:1080px (default),
   takže obsah už má přirozenou mezeru od kraje viewportu. My jen zvýšíme max-width na 1320px.
   Vertikální padding nech default Divi (~27px nahoře/dole), nebo přepiš v Section/Row dle potřeby. */
.et_pb_row {
    max-width: 1320px;
}

/* Section variants — přidat ke .et_pb_section třídu */
.section--cream { background: var(--cream); }
.section--cream-2 { background: var(--cream-2); }
.section--ink { background: var(--ink); color: #fff; }
.section--ink h1, .section--ink h2, .section--ink h3 { color: #fff; }
.section--ink p { color: rgba(255,255,255,.85); }
.section--no-pad-top { padding-top: 0 !important; }
.section--no-pad-bot { padding-bottom: 0 !important; }
.section--pad-sm { padding: 64px 0 !important; }
.section--pad-xs { padding: 48px 0 !important; }

/* Per-page padding varianty sekcí (mockup hodnoty — výpis kategorií ad.) */
.section--pad-top-72 { padding-top: 72px !important; }
.section--pad-top-64 { padding-top: 64px !important; }
.section--pad-top-32 { padding-top: 32px !important; }
.section--pad-32-64 { padding: 32px 0 64px !important; }