/* =====================================================================
   ALYSUM — jednotná typografická škála a pätička pre všetky podstránky
   Načítava sa automaticky cez /assets/site-nav.js, netreba ju linkovať ručne.
   Zmena veľkosti textu na celom webe = zmena jednej hodnoty tu.
   ===================================================================== */
:root{
  --t-hero:  clamp(40px, 7.2vw, 96px);   /* veľký nadpis na predajných stránkach */
  --t-h1:    clamp(30px, 4.6vw, 52px);   /* názov stránky / dokumentu */
  --t-h2:    clamp(26px, 3.8vw, 42px);   /* nadpis sekcie */
  --t-h3:    19px;                       /* nadpis karty */
  --t-lead:  17px;                       /* úvodný odstavec */
  --t-body:  16px;                       /* bežný text */
  --t-small: 14px;                       /* popisky v kartách */
  --t-micro: 12px;                       /* štítky, GDPR, drobné */
  --lh-tight: 1.15;   /* 29. 9.: bolo 1.06 — diakritika sa prekrývala */
  --lh-body:  1.65;
}

/* ── HERO NADPISY (expresné služby, e-shop) ───────────────────────── */
.ex-h1,
.es-h1{ font-size: var(--t-hero) !important; line-height: var(--lh-tight); }

/* ── NÁZOV STRÁNKY / DOKUMENTU ────────────────────────────────────── */
.uk-h1,
.doc h1{ font-size: var(--t-h1) !important; line-height: 1.15; }

/* ── NADPISY SEKCIÍ ───────────────────────────────────────────────── */
.ex-h2,
.es-h2,
.uk-h2,
.ex-cta h2{ font-size: var(--t-h2) !important; line-height: 1.15; }

.doc h2{ font-size: clamp(21px, 2.6vw, 27px) !important; line-height: 1.25; }
.doc h3{ font-size: var(--t-h3) !important; }

/* ── NADPISY KARIET ───────────────────────────────────────────────── */
.es-card h3,
.es-krok h3,
.uk-krok h3,
.ex-step h3,
.es-ref h3{ font-size: var(--t-h3) !important; }

/* ── ÚVODNÉ ODSTAVCE ──────────────────────────────────────────────── */
.ex-lead,
.es-lead,
.uk-lead,
.es-sub,
.ex-hsub p,
.lead,
.doc .lead,
.doc p.lead{ font-size: var(--t-lead) !important; line-height: var(--lh-body); }

/* ── BEŽNÝ TEXT ───────────────────────────────────────────────────── */
.es-card p,
.es-krok p,
.uk-krok p,
.ex-step p,
.es-ref p,
.uk-side p,
.uk-faq dd,
.es-faq dd,
.doc p,
.doc li{ font-size: var(--t-body) !important; line-height: var(--lh-body); }

/* ── DROBNÉ ───────────────────────────────────────────────────────── */
.uk-hint,
.uk-note,
.es-gdpr,
.uk-gdpr,
.ex-note,
.updated{ font-size: var(--t-micro) !important; line-height: 1.6; }

/* =====================================================================
   PÄTIČKA — rovnaká ako na úvodnej stránke (.ft / .ft-nav / .ft-in)
   Markup vkladá /assets/site-nav.js do footer.site-footer-static.
   ===================================================================== */
footer.site-footer-static{
  display: block !important;
  padding: 3rem 0 !important;
  border-top: 1px solid hsl(var(--foreground)/.1);
  text-align: left;
}
footer.site-footer-static .wrap{ max-width: 1400px; margin-left: auto; margin-right: auto;
  padding-left: 24px; padding-right: 24px; }

footer.site-footer-static .ft-nav{
  display: grid; grid-template-columns: 1fr; gap: 2rem;
  padding-bottom: 3.5rem; margin-bottom: 3.5rem;
  border-bottom: 1px solid hsl(var(--foreground)/.1);
}
@media (min-width: 768px){
  footer.site-footer-static .ft-nav{ grid-template-columns: repeat(3, 1fr); gap: 3rem; }
}
footer.site-footer-static .ft-nav h3{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .05em;
  margin: 0 0 1.1rem; color: hsl(var(--foreground));
}
footer.site-footer-static .ft-nav a,
footer.site-footer-static .ft-nav span{
  display: block; font-size: 14px; line-height: 2;
  color: hsl(var(--muted-foreground)); text-decoration: none;
}
footer.site-footer-static .ft-nav a{ transition: color .2s; }
footer.site-footer-static .ft-nav a:hover{ color: hsl(var(--primary)); }
footer.site-footer-static .ft-nav strong{ color: hsl(var(--foreground)); font-weight: 700; }

footer.site-footer-static .ft-in{
  display: flex; flex-direction: column; align-items: center; gap: 2rem;
}
@media (min-width: 768px){
  footer.site-footer-static .ft-in{ flex-direction: row; justify-content: space-between; }
}
footer.site-footer-static .ft-copy{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px; text-transform: uppercase; letter-spacing: .05em;
  color: hsl(var(--muted-foreground)); margin: 0;
}
footer.site-footer-static .ft-soc{ display: flex; gap: 1.5rem; }
footer.site-footer-static .ft-soc a{ color: hsl(var(--muted-foreground)); transition: color .2s; display: inline-flex; }
footer.site-footer-static .ft-soc a:hover{ color: hsl(var(--primary)); }
footer.site-footer-static .ft-links{ display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.25rem; }
footer.site-footer-static .ft-links a{
  font-size: 14px; color: hsl(var(--muted-foreground)); text-decoration: none; transition: color .2s;
}
footer.site-footer-static .ft-links a:hover{ color: hsl(var(--primary)); }

/* ── JEDNOTNÉ PÍSMO A ŽIADNA KURZÍVA (29. 10. 2026) ─────────────────
   Všetky podstránky majú rovnaké písmo ako úvodná stránka:
   nadpisy Helvetica Neue 800 veľkými písmenami, text Manrope.
   Kurzíva sa nepoužíva nikde (výnimka: ukážky dizajnu v mockupe telefónu). */
h1 em, h1 i, h2 em, h2 i, h3 em, .it, .ln.it, .ln.red { font-style: normal !important; }
body.alysum-editorial{
  --display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --body: Manrope, sans-serif;
  --mono: Manrope, sans-serif;
  font-family: Manrope, sans-serif;
}
body.alysum-editorial *:not(.phone *):not(.phone){ font-style: normal !important; }
body.alysum-editorial h1,
body.alysum-editorial h2{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 800 !important; letter-spacing: -.04em !important; text-transform: uppercase; line-height: var(--lh-tight) !important; }
body.alysum-editorial h1{ font-size: clamp(34px, 4.4vw, 64px) !important; }
body.alysum-editorial h3,
body.alysum-editorial .step b,
body.alysum-editorial .vscard h3,
body.alysum-editorial .demo .nm,
body.alysum-editorial .pick .opt b,
body.alysum-editorial .strip p{ font-weight: 700 !important; letter-spacing: -.02em; }

/* žiadna kurzíva ani v bežnom texte (em, i) */
em, i, cite, address, var, dfn { font-style: normal !important; }

/* všetky nadpisy veľkými písmenami (29. 10. 2026) */
h1, h2, h3 { text-transform: uppercase !important; }
.phone h1, .phone h2, .phone h3, .uk-viz h1, .uk-viz h2, .uk-viz h3, .ai-flow h1, .ai-flow h2, .ai-flow h3, .scr h1, .scr h2, .scr h3 { text-transform: none !important; }

/* ── HERO ROVNAKO AKO /eshop/ (29. 10. 2026) ─────────────────────────
   e-maily, svadby, beauty, návod: veľký nadpis, farebné slovo obrysom,
   štítok nad nadpisom sivý, úvodný odstavec tmavý a polotučný. */
body.alysum-editorial h1 em,
body.alysum-editorial h1 .red,
body.alysum-editorial h1 .ln.red{ color: transparent !important; -webkit-text-fill-color: transparent !important; -webkit-text-stroke: 2px #d91f2e !important; }
body.alysum-editorial .kick,
body.alysum-editorial .eyebrow{ font-family: Manrope, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .3em !important; text-transform: uppercase !important; color: #565656 !important; }
body.alysum-editorial h1 ~ .lead,
body.alysum-editorial h1 + p{ color: #0a0a0a !important; font-weight: 600 !important; font-size: var(--t-lead) !important; }

/* ── JEDNOTNÁ VEĽKOSŤ NADPISOV NA VŠETKÝCH PODSTRÁNKACH (29. 10. 2026) ──
   Hlavný nadpis stránky = rovnaký ako /eshop/ (--t-hero),
   nadpis sekcie = --t-h2, úvodný odstavec = --t-lead.
   Výnimky: úvodná stránka (#spirals), právne dokumenty (.doc), mockupy. */
body:not(:has(#spirals)) main:not(.pb-24) h1:first-of-type,
body:not(:has(#spirals)).alysum-editorial h1:not(.phone h1):not(.scr h1),
body:not(:has(#spirals)) .bl-h1,
body:not(:has(#spirals)) .pj-h1{ font-size: var(--t-hero) !important; line-height: var(--lh-tight) !important; }
body:not(:has(#spirals)) h2:not(main.pb-24 h2):not(.doc h2):not(.phone h2):not(.uk-viz h2):not(.ai-flow h2):not(.scr h2):not(.bl-body h2):not(footer h2),
body:not(:has(#spirals)) .bl-h2{ font-size: var(--t-h2) !important; line-height: var(--lh-tight) !important; }
body:not(:has(#spirals)) .bl-lead,
body:not(:has(#spirals)) h1 + p,
body:not(:has(#spirals)) .pj-lead{ font-size: var(--t-lead) !important; }
body:not(:has(#spirals)) .doc h1, body:not(:has(#spirals)) main.pb-24 h1{ font-size: var(--t-h1) !important; }
.nb{white-space:nowrap}

/* ── HERO S OBRÁZKOM VEDĽA NADPISU (e-maily, svadby, beauty, návod) – 30. 10. 2026
   Rovnaká šírka obsahu ako ostatné podstránky (1400 px), nadpis dostane viac miesta
   a obrázok stojí hore pri nadpise, nie dole pri texte. */
body.alysum-editorial{ --maxw: 1400px; }
@media (min-width: 981px){
  body.alysum-editorial .hero .grid,
  body.alysum-editorial .hero-grid{ grid-template-columns: 1.3fr .7fr !important; align-items: start !important; }
  body.alysum-editorial .hero .grid > :nth-child(2),
  body.alysum-editorial .hero-grid > :nth-child(2){ margin-top: clamp(40px, 5vw, 96px); }
}