/* =====================================================================
   ZDRUŽENIE MASÉROV — základ dizajnu „Východ slnka"
   Štartovací súbor štýlov prepísaný z návrhov na plátne (mobil 390 px,
   počítač 1440 px). Návrhy mali pevné rozmery; tu je všetko plynulé.
   Mobil je východisko, počítač je rozšírenie cez @media (min-width).
   Miery sú z Fibonacciho radu: 8 13 21 34 55 89. Pomery 61,8 / 38,2.

   Verzia 2 (7. 10. 2026): doplnené lokálne písmo Roboto vrátane cyriliky,
   pravá strana hlavičky, úvodný blok, rozloženie Domova a karta kurzu.
   Verzia 3 (7. 10. 2026): žiara je obmedzená aj výškou okna (nízke obrazovky notebookov).
   Po každej zmene tohto súboru zvýš ?v=N tam, kde sa načítava.
   ===================================================================== */

/* ---------- písma — všetky hostované lokálne, nič z Google ---------- */
/* POZOR: Cornichon nemá cyriliku — pre ukrajinčinu treba náhradné
   nadpisové písmo (rozhodnutie je otvorené, pozri podklady). */
@font-face{font-family:'Cornichon';src:url('../fonts/Cornichon-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* Roboto 400 a 700 v troch sadách. Prehliadač stiahne len tú sadu,
   ktorej znaky sa na stránke naozaj vyskytnú (unicode-range). */
@font-face{font-family:'Roboto';src:url('../fonts/roboto-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';src:url('../fonts/roboto-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';src:url('../fonts/roboto-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';src:url('../fonts/roboto-latin-ext-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';src:url('../fonts/roboto-cyrillic-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';src:url('../fonts/roboto-cyrillic-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
  /* plochy */
  --zm-ground:#f7f1e6;      /* teplý krémový podklad stránky */
  --zm-surface:#efe7d8;     /* tmavšia pracovná plocha */
  --zm-card:#fffdf8;        /* karta */
  --zm-ink:#0b0f08;         /* text, tmavé tlačidlá, dok */
  --zm-muted:#5a5448;       /* druhotný text */
  --zm-line:rgba(11,15,8,.12);
  /* farby gradientu */
  --zm-cyan:#3fe0cf; --zm-green:#7be85a; --zm-yellow:#f2ea3a; --zm-orange:#ff9a1f; --zm-red:#d92b1c;
  --zm-grad:linear-gradient(to right,#3fe0cf 0%,#7be85a 30%,#f2ea3a 55%,#ff9a1f 78%,#d92b1c 100%);
  --zm-grad-badge:linear-gradient(to right,#3fe0cf 0%,#7be85a 36%,#f2ea3a 70%,#ff9a1f 100%);
  --zm-glow:radial-gradient(ellipse closest-side,#d92b1c 0%,#ff9a1f 26%,#f2ea3a 46%,#7be85a 66%,#3fe0cf 86%,rgba(63,224,207,0) 100%);
  /* tiene */
  --zm-shadow:0 13px 34px rgba(64,44,20,.16);
  --zm-shadow-ink:0 13px 34px rgba(11,15,8,.3);
  /* miery */
  --s1:8px; --s2:13px; --s3:21px; --s4:34px; --s5:55px; --s6:89px;
  --r-card:34px; --r-card-s:28px; --r-pill:999px;
  /* písma */
  --f-head:'Cornichon','Arial Narrow',sans-serif;
  --f-body:'Roboto','Segoe UI',Helvetica,sans-serif;
  /* rozmery pevných líšt */
  --zm-header-h:55px;
  --zm-dock-h:65px;
  --zm-dock-gap:17px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zm-ground);color:var(--zm-ink);font-family:var(--f-body);font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--zm-ink);outline-offset:3px}

/* ---------- pozadie: východ slnka + zrno ---------- */
/* Elipsa so stredom presne na spodnej hrane okna, vidno len hornú polovicu.
   Šírka: vždy cez celé okno (120 % šírky, min. 740 px), farby siahajú od okraja po okraj.
   Výška: ako pôvodný kruh – max(85 % šírky, 740 px), no najviac 136vh,
   takže horný okraj žiary je najvyššie v 32 % výšky okna.
   Overiť výkon na slabšom telefóne (blur + blend); záloha je vopred vyrenderovaný obrázok. */
.zm-glow{position:fixed;left:50%;bottom:0;z-index:0;pointer-events:none;
  width:max(120vw,740px);height:min(max(85vw,740px),136vh);border-radius:50%;
  transform:translate(-50%,50%);background:var(--zm-glow);filter:blur(21px)}
.zm-grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.3;mix-blend-mode:multiply;
  background-image:url('../img/grain.png');background-size:180px 180px}

/* ---------- kostra stránky ---------- */
.zm-page{position:relative;z-index:1;min-height:100vh;min-height:100dvh;
  padding:0 var(--s3) calc(var(--zm-dock-h) + var(--zm-dock-gap) + var(--s4) + env(safe-area-inset-bottom))}
.zm-main{max-width:886px;margin:0 auto}          /* 886 = 233 + 378 + 233 + 2×21 */

/* ---------- hlavička: jazyk | logo | profil ---------- */
.zm-header{height:var(--zm-header-h);margin:0 -8px;display:grid;grid-template-columns:72px 1fr 72px;align-items:center}
.zm-header__logo{justify-self:center;display:flex;align-items:center;height:44px}
.zm-header__logo .znak{width:34px;height:21px;display:block}     /* mobil: len znak »« */
.zm-header__logo .napis{display:none;width:233px;height:auto}    /* počítač: celé logo v riadku */
.zm-header__profil{justify-self:end;min-width:44px;height:44px;display:flex;align-items:center;justify-content:flex-end}
.zm-lang{justify-self:start;min-height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer;display:flex;align-items:center}
.zm-lang > span{display:flex;align-items:center;gap:5px;height:34px;padding:0 10px 0 13px;border:1.5px solid var(--zm-ink);border-radius:var(--r-pill);
  font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.06em}
.zm-lang svg{width:8px;height:5px;display:block}
.zm-avatar{width:34px;height:34px;border-radius:50%;background:var(--zm-ink);color:var(--zm-ground);display:flex;align-items:center;justify-content:center;
  font-family:var(--f-head);font-weight:700;font-size:13px;flex-shrink:0;object-fit:cover}
.zm-avatar--40{width:40px;height:40px} .zm-avatar--44{width:44px;height:44px}

/* ---------- dok: plávajúce menu dole (5 položiek) ---------- */
.zm-dock{position:fixed;z-index:10;left:var(--s3);right:var(--s3);bottom:calc(var(--zm-dock-gap) + env(safe-area-inset-bottom));
  display:flex;gap:3px;padding:5px;border-radius:var(--r-pill);background:var(--zm-ink);color:var(--zm-ground);box-shadow:var(--zm-shadow-ink);
  font-family:var(--f-head);font-weight:700;font-size:10px;letter-spacing:.03em;text-transform:uppercase;line-height:1.2}
.zm-dock a{flex:1 1 0;min-width:0;min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--r-pill)}
.zm-dock a[aria-current="page"]{background:var(--zm-ground);color:var(--zm-ink)}
.zm-dock svg{width:21px;height:21px;display:block;flex-shrink:0}

/* ---------- ikony: čiarové SVG, hrúbka 1,8 v mriežke 24 ---------- */
.zm-ico{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
/* dvojšípka » ako „ďalej" v riadkoch a dlaždiciach */
.zm-sipka{width:9px;height:13px;display:block;flex-shrink:0;fill:currentColor}

/* ---------- typografia ---------- */
.zm-h1{margin:0;font-family:var(--f-head);font-weight:700;font-size:40px;line-height:1.08;text-transform:uppercase;text-align:center}
.zm-h2{margin:0;font-family:var(--f-head);font-weight:700;font-size:26px;line-height:1.1;letter-spacing:.01em;text-transform:uppercase}
.zm-kicker{font-family:var(--f-head);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--zm-muted)}
.zm-lede{margin:0 auto;max-width:26ch;font-size:15px;color:var(--zm-muted);text-align:center;text-wrap:balance}
.zm-pill{display:inline-block;font-family:var(--f-head);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);padding:5px 13px;background:var(--zm-yellow)}
/* nadpisy písané používateľmi (témy fóra) sú v Roboto 700, nie v Cornichon */
.zm-title{margin:0;font-size:16px;font-weight:700;line-height:1.3;text-wrap:pretty}
/* úvodný blok stránky: pilulka, nadpis, veta — vycentrované pod hlavičkou */
.zm-uvod{display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s3) 0 15px;text-align:center}

/* ---------- tlačidlá ---------- */
.zm-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 26px;border:1.5px solid var(--zm-ink);border-radius:var(--r-pill);
  background:var(--zm-ink);color:var(--zm-ground);cursor:pointer;font-family:var(--f-head);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.zm-btn--outline{background:var(--zm-card);color:var(--zm-ink)}
.zm-btn--round{width:44px;padding:0}
/* prepínač (Všetky | Moje kurzy, Populárne | Najnovšie) */
.zm-switch{display:flex;gap:3px;padding:3px;border-radius:var(--r-pill);background:rgba(11,15,8,.08)}
.zm-switch button{flex:1 1 0;min-height:44px;border:0;border-radius:var(--r-pill);background:none;color:var(--zm-ink);cursor:pointer;
  font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.zm-switch button[aria-pressed="true"]{background:var(--zm-ink);color:var(--zm-ground)}

/* ---------- karty ---------- */
.zm-card{border-radius:var(--r-card);background:var(--zm-card);box-shadow:var(--zm-shadow);padding:var(--s3)}
.zm-card--s{border-radius:var(--r-card-s);padding:16px 18px}
.zm-card--ink{background:var(--zm-ink);color:var(--zm-ground);box-shadow:var(--zm-shadow-ink)}   /* Otázka týždňa */
.zm-card--dashed{background:rgba(255,253,248,.82);box-shadow:none;border:1.5px dashed var(--zm-ink)} /* „Tvoj kurz" */
.zm-card__cover{position:relative;height:76px;background:var(--zm-grad)}                          /* pás na karte kurzu */
.zm-row{display:flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s3);border-top:1px solid var(--zm-line);text-align:left}
.zm-row__c{width:21px;font-family:var(--f-head);font-weight:700;font-size:13px;color:var(--zm-muted)}          /* poradové číslo 01 02 03 */
.zm-row__n{flex-grow:1;font-family:var(--f-head);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
/* dlaždica na Domove: kruh s ikonou hore, názov a popis dole */
.zm-tile{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:118px;border-radius:var(--r-card);background:var(--zm-card);box-shadow:var(--zm-shadow);padding:16px}
.zm-tile__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s1)}
.zm-tile__top .zm-sipka{margin-right:5px}
.zm-tile__icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.zm-tile__icon svg{width:19px;height:19px;display:block}
.zm-tile__badge{margin-left:auto;font-size:12px;font-weight:700;line-height:1.5;border-radius:var(--r-pill);padding:2px 9px;background:var(--zm-yellow);white-space:nowrap}
.zm-tile__text{display:flex;flex-direction:column;gap:1px;padding:0 5px 3px;min-width:0}
.zm-tile__name{font-family:var(--f-head);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}
.zm-tile__desc{font-size:13px;line-height:1.3;color:var(--zm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zm-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}

/* ---------- Domov ---------- */
/* Mobil: karta kurzu cez celú šírku, pod ňou mriežka 2×2.
   Počítač: tri stĺpce v zlatom reze, kurz v strede (pozri @media nižšie). */
.zm-domov{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);
  grid-template-areas:"kurz kurz" "forum obchod" "clenovia akcie"}
.zm-domov > .je-kurz{grid-area:kurz} .zm-domov > .je-forum{grid-area:forum} .zm-domov > .je-obchod{grid-area:obchod}
.zm-domov > .je-clenovia{grid-area:clenovia} .zm-domov > .je-akcie{grid-area:akcie}
/* karta kurzu na Domove */
.zm-kurz{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s2);min-height:178px;text-align:center}
.zm-kurz__hlava{display:flex;flex-direction:column;align-items:center;gap:3px}
.zm-kurz__casti{font-size:14px;color:var(--zm-muted)}
.zm-kurz__riadky{display:none}

/* ---------- fórum ---------- */
/* rad šiestich farebných krúžkov so sekciami */
.zm-sekcie{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;margin:0 -8px}
.zm-sekcie a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1.15;text-align:center}
.zm-sekcie i{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 13px rgba(64,44,20,.16)}
.sek-masaze{background:var(--zm-cyan)} .sek-podnikanie{background:var(--zm-green)} .sek-zdruzenie{background:var(--zm-yellow)}
.sek-praca{background:var(--zm-orange)} .sek-offtopic{background:var(--zm-red);color:#fff} .sek-blogy{background:var(--zm-ink);color:var(--zm-ground)}
/* karta témy: autor / nadpis (max 2 riadky) / štítky + počty */
.zm-tema{display:flex;flex-direction:column;gap:var(--s1);min-height:146px;justify-content:space-between}
.zm-tema .zm-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zm-autor{display:flex;align-items:center;gap:10px;min-width:0}
.zm-autor__meno{font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap}
.zm-autor__rank{font-size:12px;line-height:1.35;color:var(--zm-muted)}
.zm-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid transparent;border-radius:var(--r-pill);background:rgba(11,15,8,.07);font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.zm-chip--typ{background:none;border-color:rgba(11,15,8,.4)}          /* Otázka / Skúsenosť / Návod / Predám… */
.zm-chip__dot{width:8px;height:8px;border-radius:50%}                   /* farba sekcie */
.zm-stat{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700}
.zm-stat svg{width:16px;height:16px}
.zm-count{min-width:24px;height:24px;padding:0 6px;border-radius:var(--r-pill);background:var(--zm-yellow);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1}
.zm-count--red{background:var(--zm-red);color:#fff;min-width:20px;height:20px;font-size:12px}
/* odznak absolventa — pri mene všade, kde sa člen zobrazí */
.zm-absolvent{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 7px 0 5px;border-radius:var(--r-pill);background:var(--zm-grad-badge);
  font-family:var(--f-head);font-weight:700;font-size:9px;letter-spacing:.06em;text-transform:uppercase;line-height:1;white-space:nowrap}
/* pás „Najlepšia odpoveď" na vrchu karty odpovede */
.zm-best{display:flex;align-items:center;gap:6px;height:32px;padding:0 18px;background:var(--zm-green);font-family:var(--f-head);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
/* odpoveď na odpoveď: odsadenie 34 px a zvislá čiara */
.zm-vnorene{position:relative;padding-left:var(--s4)}
.zm-vnorene::before{content:"";position:absolute;left:14px;top:0;bottom:0;width:3px;border-radius:var(--r-pill);background:rgba(11,15,8,.25)}
/* pole na odpoveď */
.zm-odpoved{display:flex;align-items:center;gap:var(--s1);height:55px;padding:0 5px 0 8px;border-radius:var(--r-pill);background:var(--zm-card);box-shadow:var(--zm-shadow)}
.zm-odpoved input{flex:1 1 0;min-width:0;height:44px;border:0;outline:0;background:none;font:inherit;font-size:16px} /* 16 px, aby iPhone nepribližoval */

/* ---------- počítač ---------- */
@media (min-width:900px){
  :root{--zm-dock-gap:55px}
  .zm-page{padding-left:var(--s4);padding-right:var(--s4)}
  .zm-header{margin:var(--s3) 0 0;height:44px}
  .zm-header__logo .znak{display:none} .zm-header__logo .napis{display:block}
  .zm-h1{font-size:89px;line-height:1.05;letter-spacing:.01em}
  .zm-lede{font-size:21px;max-width:38ch}
  .zm-pill{padding:6px 13px}
  .zm-uvod{gap:var(--s2);padding:45px 0 clamp(34px,12.1vh,109px)}   /* 109 px pri výške okna 900, na nižších obrazovkách sa skracuje */
  /* dok: stred, šírka podľa obsahu, ikona vedľa textu */
  .zm-dock{left:50%;right:auto;transform:translateX(-50%);font-size:12px;letter-spacing:.06em}
  .zm-dock a{flex:none;flex-direction:row;gap:8px;min-height:44px;padding:0 21px 0 18px}
  .zm-dock svg{width:18px;height:18px}
  /* Domov: tri stĺpce v zlatom reze 233 | 378 | 233 */
  .zm-domov{grid-template-columns:233fr 378fr 233fr;gap:var(--s3);
    grid-template-areas:"forum kurz obchod" "clenovia kurz akcie"}
  .zm-tile{padding:var(--s3)} .zm-tile__icon{width:44px;height:44px} .zm-tile__icon svg{width:25px;height:25px}
  .zm-tile__name{font-size:17px} .zm-tile__desc{font-size:14px}
  /* karta kurzu: hlavička, tri riadky častí, tlačidlo */
  .zm-kurz{padding:0;gap:0;min-height:300px;justify-content:flex-start}
  .zm-kurz__hlava{padding:var(--s3) var(--s3) var(--s2)}
  .zm-kurz__casti{display:none}
  .zm-kurz__riadky{display:block}
  .zm-kurz__pata{margin-top:auto;padding:var(--s2) var(--s3) var(--s3);border-top:1px solid var(--zm-line)}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}