/* =====================================================================
   Elari Tamm · ühine kujundus (7.11.2026)
   Sama stiil mis avalehel: tumesinine päis ja hero, kuldsed nupud,
   suured seriifpealkirjad. Laetakse PÄRAST lehe enda <style> plokki,
   nii et see kirjutab vana kujunduse üle. Kõik reeglid on body.t2 all.
   Kasutusel: uks-ohtu, 20-pakkumist, webinar, minust, diagnostika, vabadus.
   Blogil on oma kujundus (blog-src).
   ===================================================================== */
body.t2{
  --t-navy:#021F36;--t-navy-2:#042F4E;--t-navy-3:#0A4A78;
  --t-gold:#C9A36B;--t-gold-l:#DBC097;--t-gold-d:#8E6830;
  --t-paper:#F7F2EA;--t-soft:#FBF8F2;--t-warm:#E8E3D9;--t-line:#D8D2C6;
  --t-light:rgba(229,238,244,.86);--t-dimline:rgba(219,192,151,.22);
  --t-serif:'Cormorant Garamond','Hoefler Text',Georgia,serif;
  --t-ease:cubic-bezier(.16,1,.3,1);
  background:var(--t-paper);
}

/* ---------- tume vöö (päis + hero) ---------- */
body.t2 .tume{position:relative;background:var(--t-navy);color:var(--t-light);overflow:hidden;isolation:isolate}
body.t2 .tume::before{content:"";position:absolute;z-index:-1;width:900px;height:900px;left:-320px;top:-420px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,163,107,.16),transparent 62%);pointer-events:none}
body.t2 .tume h1,body.t2 .tume h2,body.t2 .tume h3{color:#fff}
body.t2 .tume h1{font-weight:400;letter-spacing:-.02em}
body.t2 .tume h1 em{color:var(--t-gold);font-style:italic}
body.t2 .tume .eyebrow{color:var(--t-gold-l)}
body.t2 .tume .lead,body.t2 .tume p{color:var(--t-light)}
body.t2 .tume a:not(.btn):not(.brand):not(.cta-mob){color:var(--t-gold-l)}
body.t2 .tume a:not(.btn):not(.brand):not(.cta-mob):hover{color:#fff}
body.t2 .brand img{filter:brightness(0) invert(1)}

/* ---------- nupud ---------- */
body.t2 .btn{background:var(--t-gold);color:var(--t-navy);font-weight:800;border:0;
  box-shadow:0 16px 36px -16px rgba(201,163,107,.75);
  transition:transform .4s var(--t-ease),background .25s,box-shadow .4s}
body.t2 .btn:hover{background:var(--t-gold-l);color:var(--t-navy);transform:translateY(-2px)}
body.t2 .btn .a{transition:transform .4s var(--t-ease)}
body.t2 .btn:hover .a{transform:translateX(4px)}
body.t2 .btn.alt{background:transparent;color:#fff;border:1px solid var(--t-gold-l);box-shadow:none}
body.t2 .btn.alt:hover{background:rgba(219,192,151,.12);color:#fff}

/* ---------- pealkirjad ---------- */
body.t2 h2{letter-spacing:-.015em}
body.t2 h2 em{color:var(--t-gold);font-style:italic}

/* =====================================================================
   A. MÜÜGILEHED (uks-ohtu, 20-pakkumist, webinar)
   Struktuur: header.header.wrap + section.hero.wrap + section.sec.wrap
   ===================================================================== */
body.t2.t2-m .header.tume,body.t2.t2-m .hero.tume{background:var(--t-navy);box-shadow:0 0 0 100vmax var(--t-navy);clip-path:inset(0 -100vmax);overflow:visible}
body.t2.t2-m .header.tume::before{display:none}
body.t2.t2-m .hero.tume::before{left:-200px;width:min(900px,100%);max-width:900px}
body.t2.t2-m{overflow-x:clip}
body.t2.t2-m .header.tume{border-bottom:1px solid var(--t-dimline)}
body.t2.t2-m .hero.tume{padding-block:clamp(48px,7vw,96px) clamp(56px,8vw,110px)}
body.t2.t2-m .tume .hero h1{font-size:clamp(3rem,1.6rem + 4.6vw,5.4rem);line-height:.98}
body.t2.t2-m .tume .lead{font-weight:400;font-size:clamp(1.12rem,1rem + .4vw,1.3rem)}
body.t2.t2-m .tume .when{border-color:var(--t-dimline);color:var(--t-light)}
body.t2.t2-m .tume .when span:first-child{color:#fff}
body.t2.t2-m .tume .cta-mob{background:var(--t-gold);color:var(--t-navy)}
/* hinnakaart */
body.t2.t2-m .card{background:linear-gradient(160deg,var(--t-navy-3) 0%,var(--t-navy-2) 72%);
  border:1px solid var(--t-gold);border-radius:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
body.t2.t2-m .card .hind{color:var(--t-gold)}
body.t2.t2-m .card a:not(.btn){color:var(--t-gold-l)}
/* sektsioonid */
body.t2.t2-m .sec{padding-block:clamp(56px,7vw,96px);border-top:1px solid var(--t-line)}
body.t2.t2-m main > .sec:first-of-type,body.t2.t2-m .tume + .sec{border-top:0}
body.t2.t2-m .sec h2{font-size:clamp(2.2rem,1.4rem + 2.4vw,3.3rem);line-height:1.04;margin-bottom:22px;max-width:16em}
body.t2.t2-m .sec h3{color:var(--t-navy-2)}
body.t2.t2-m .eyebrow{letter-spacing:.26em;font-size:.74rem}
body.t2.t2-m .list li{border-color:var(--t-warm)}
body.t2.t2-m .list li:before{color:var(--t-gold)}
body.t2.t2-m .sammud li{border-left-color:var(--t-gold)}
/* enne / pärast */
body.t2.t2-m .naide{gap:16px;max-width:none}
body.t2.t2-m .naide div{border:0;border-radius:22px;padding:clamp(26px,3vw,40px);background:var(--t-warm)}
body.t2.t2-m .naide div p{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);line-height:1.18;color:#6B6B6B;font-style:italic}
body.t2.t2-m .naide div:last-child{background:var(--t-navy-2);box-shadow:0 40px 80px -40px rgba(4,47,78,.7)}
body.t2.t2-m .naide div:last-child p{color:#fff;font-style:normal}
body.t2.t2-m .naide div:last-child h3{color:var(--t-gold-l)}
/* minu pilt */
body.t2.t2-m .mina img{border-radius:18px;box-shadow:12px 12px 0 -1px var(--t-paper),12px 12px 0 0 var(--t-gold)}
/* korduma kippuvad küsimused */
body.t2.t2-m details{border-color:var(--t-line);padding-block:18px}
body.t2.t2-m summary{color:var(--t-navy-2)}
body.t2.t2-m summary::marker{color:var(--t-gold)}
/* jalus täislaiuses tumesinine */
body.t2.t2-m .footer{border-top:0;background:var(--t-navy);color:rgba(229,238,244,.6);
  box-shadow:0 0 0 100vmax var(--t-navy);clip-path:inset(0 -100vmax);padding-block:36px;margin-top:40px}
body.t2.t2-m .footer a{color:var(--t-gold-l)}
/* vormid tumedal taustal (webinar) */
body.t2.t2-m .tume input,body.t2.t2-m .tume select{background:#fff;color:#22282D}
body.t2.t2-m .tume label{color:var(--t-light)}

/* =====================================================================
   B. KLASSIKALISED LEHED (minust, diagnostika, vabadus)
   Struktuur: header > .topbar + nav.mainnav, menüü menuu.js kaudu
   ===================================================================== */
body.t2.t2-k > header,body.t2.t2-k .tume > header{background:var(--t-navy)}
body.t2.t2-k .mainnav a,body.t2.t2-k .nav-prog-btn{color:rgba(255,255,255,.84);border-bottom-color:transparent}
body.t2.t2-k .mainnav a:hover,body.t2.t2-k .mainnav a[aria-current="page"]{color:#fff;border-bottom-color:var(--t-gold)}
body.t2.t2-k .nav-burger{color:#fff}
@media(max-width:1199px){
  body.t2.t2-k .mainnav{background:var(--t-navy)}
  body.t2.t2-k .mainnav a{font-family:var(--t-serif);font-size:2.1rem;font-weight:500;color:#fff}
}
body.t2.t2-k footer{background:var(--t-navy)}
body.t2.t2-k .closing h2{font-size:clamp(2.4rem,1.4rem + 3.4vw,4.2rem);font-weight:400}

/* ---------- minust ---------- */
body.t2 .mi-hero{padding-block:clamp(40px,6vw,90px) 0}
body.t2 .mi-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,90px);align-items:end}
body.t2 .mi-hero .mi-tekst{padding-bottom:clamp(48px,7vw,96px)}
body.t2 .mi-hero h1{font-size:clamp(3rem,1.6rem + 4.6vw,5.4rem);line-height:.98;margin:.35em 0 .45em}
body.t2 .mi-hero .lead{font-size:clamp(1.15rem,1rem + .5vw,1.4rem);line-height:1.55;color:var(--t-light)}
body.t2 .mi-hero .minust-facts{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--t-dimline)}
body.t2 .mi-hero .minust-facts li{border-left:0;padding:18px 18px 0 0;font-size:.92rem;color:var(--t-light)}
body.t2 .mi-hero .minust-facts li+li{padding-left:18px;border-left:1px solid var(--t-dimline)}
body.t2 .mi-hero .minust-portrait{max-width:none;margin:0;align-self:end}
body.t2 .mi-hero .minust-portrait .frame{border-radius:22px 22px 0 0;box-shadow:none}
body.t2 .minust{padding-top:clamp(56px,7vw,96px)}
body.t2 .minust h2{font-size:clamp(2rem,1.4rem + 1.8vw,2.8rem);font-weight:500}
@media(max-width:860px){
  body.t2 .mi-hero .wrap{grid-template-columns:1fr}
  body.t2 .mi-hero .mi-tekst{padding-bottom:0}
  body.t2 .mi-hero .minust-portrait{max-width:360px}
  body.t2 .mi-hero .minust-facts{grid-template-columns:1fr}
  body.t2 .mi-hero .minust-facts li,body.t2 .mi-hero .minust-facts li+li{padding:12px 0;border-left:0;border-bottom:1px solid var(--t-dimline)}
}

/* ---------- diagnostika ---------- */
body.t2 .sec-test{padding-top:0}
body.t2 .diag-tume{padding-block:clamp(40px,6vw,84px) clamp(120px,14vw,180px)}
body.t2 .diag-tume h1{font-size:clamp(2.6rem,1.4rem + 3.8vw,4.6rem);line-height:1.02}
body.t2 .diag-tume .hero-tree{opacity:.07;filter:brightness(0) invert(1)}
body.t2 .diag-tume .mehh{background:rgba(255,255,255,.04);border-color:var(--t-dimline)}
body.t2 .diag-tume .mehh *,body.t2 .diag-tume .proof *{color:var(--t-light)}
body.t2 .diag-tume .mehh strong,body.t2 .diag-tume .mehh-lead{color:#fff}
body.t2 .diag-tume .proof{background:rgba(255,255,255,.04);border-color:var(--t-dimline)}
body.t2 .diag-tume .proof .proof-num{color:var(--t-gold)}
body.t2 .diag-tume .proof a{color:var(--t-gold-l)}
body.t2 .diag-kaart{position:relative;margin-top:clamp(-150px,-11vw,-96px)}
body.t2 .diag-kaart .card{box-shadow:0 50px 90px -40px rgba(2,31,54,.55)}

/* ---------- vabadus ---------- */
body.t2 .hero.tume{padding-block:clamp(40px,6vw,90px)}
body.t2 .hero.tume h1{font-size:clamp(3.2rem,1.6rem + 5vw,6rem);line-height:.95}
body.t2 .hero.tume .chip{background:rgba(255,255,255,.06);border-color:var(--t-dimline);color:#fff}
body.t2 .hero.tume .arrow{color:var(--t-gold)}
body.t2 .hero.tume .hero-note,body.t2 .hero.tume .hero-note b{color:rgba(229,238,244,.7)}
body.t2 .hero.tume .book-cover img{filter:drop-shadow(0 40px 60px rgba(0,0,0,.55))}

/* tumedal taustal rõhutatud tekst (nt webinari kuupäev ja loendi tsitaadid) */
body.t2 .tume strong,body.t2 .tume b{color:#fff}
body.t2 .tume .kal a{color:var(--t-navy)}
/* Vana punase nurgalindi („Registreeru“) jaoks jäetud tühi ruum päise paremas servas pole enam vajalik. */
body.t2.t2-k .topbar{padding-right:clamp(20px,5vw,64px)}

/* =====================================================================
   C. ÜHINE MENÜÜ JA JALUS (9.11.2026)
   Igal lehel on sama menüü: Blogi · Üks õhtu · Tasuta diagnostika ·
   Raamat · Minust. Logo viib avalehele. Jaluses on igal lehel samad lingid.
   Lehtedel, mille enda <style> plokis menüü kujundust ei ole (müügilehed,
   diagnostika, ettevõttele), on päisel klass "pm" ja kujundus tuleb siit.
   Menüü avab ja sulgeb menuu.js; piir 1199px peab olema sama mis seal.
   Kui muudad menüü linke, muuda neid KÕIGIL lehtedel ja blogi külgribal
   (blog-src/src/_includes/base.njk).
   ===================================================================== */
body.t2 header.pm{position:relative;z-index:30}
body.t2 header.pm.header,body.t2 header.pm .topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
body.t2 header.pm .mainnav{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px)}
body.t2 header.pm .mainnav a:not(.btn):not(.brand):not(.cta-mob){font-family:'Mulish',system-ui,sans-serif;font-size:.98rem;font-weight:600;
  color:rgba(255,255,255,.84);white-space:nowrap;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
body.t2 header.pm .mainnav a:not(.btn):not(.brand):not(.cta-mob):hover,
body.t2 header.pm .mainnav a[aria-current="page"]:not(.btn):not(.brand):not(.cta-mob){color:#fff;border-bottom-color:var(--t-gold)}
body.t2 header.pm .nav-burger{display:none}
/* Müügilehtede päise taust: varem box-shadow + clip-path, aga clip-path lõikaks
   ära ka täisekraani menüüpaneeli. Sama tulemus pseudoelemendiga. */
body.t2.t2-m .header.tume.pm{box-shadow:none;clip-path:none}
body.t2.t2-m .header.tume.pm::before{display:block;content:"";position:absolute;z-index:-1;top:0;bottom:-1px;left:50%;right:auto;
  width:100vw;height:auto;margin-left:-50vw;border-radius:0;background:var(--t-navy)}
@media(max-width:1199px){
  body.t2 header.pm .nav-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 -8px 0 auto;padding:0;
    background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;color:#fff;position:relative;z-index:80}
  body.t2 header.pm .nav-burger:hover{background:none}
  body.t2 header.pm .nav-burger i,body.t2 header.pm .nav-burger i::before,body.t2 header.pm .nav-burger i::after{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s,background .3s}
  body.t2 header.pm .nav-burger i{position:relative}
  body.t2 header.pm .nav-burger i::before,body.t2 header.pm .nav-burger i::after{content:"";position:absolute;left:0}
  body.t2 header.pm .nav-burger i::before{top:-7px}
  body.t2 header.pm .nav-burger i::after{top:7px}
  body.t2 header.pm .nav-burger[aria-expanded="true"] i{background:transparent}
  body.t2 header.pm .nav-burger[aria-expanded="true"] i::before{transform:translateY(7px) rotate(45deg)}
  body.t2 header.pm .nav-burger[aria-expanded="true"] i::after{transform:translateY(-7px) rotate(-45deg)}
  body.t2 header.pm .mainnav{position:fixed;inset:0;z-index:75;background:var(--t-navy);flex-direction:column;align-items:center;justify-content:center;
    gap:8px;padding:84px 24px 48px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  body.t2 header.pm .mainnav[data-lahti]{opacity:1;visibility:visible}
  body.t2 header.pm .mainnav a:not(.btn):not(.brand):not(.cta-mob){font-family:var(--t-serif);font-size:2.1rem;font-weight:500;color:#fff;padding:8px 10px;border-bottom:0}
}
@media(max-width:1199px) and (prefers-reduced-motion:reduce){
  body.t2 header.pm .mainnav,body.t2 header.pm .nav-burger i,body.t2 header.pm .nav-burger i::before,body.t2 header.pm .nav-burger i::after{transition:none}
}
/* jalus: samad lingid igal lehel */
body.t2 .foot-nav{display:flex;flex-wrap:wrap;gap:10px 22px}
body.t2 .foot-nav a{color:var(--t-gold-l);text-decoration:none}
body.t2 .foot-nav a:hover{color:#fff}
body.t2 footer .foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}
body.t2.t2-m .footer{flex-wrap:wrap;align-items:center;gap:14px 28px}
body.t2.t2-m .footer .foot-brand{font-family:var(--t-serif);font-size:1.5rem;color:#fff}
body.t2.t2-m .footer .foot-nav{margin-left:auto}
body.t2.t2-m .footer .foot-c{flex-basis:100%;margin-left:0}
@media(max-width:700px){body.t2.t2-m .footer .foot-nav{margin-left:0;flex-basis:100%}}

/* ---------- ettevõttele ---------- */
body.t2 .ev-hero{display:block;max-width:none}
body.t2 .ev-hero .lead{max-width:38em}
body.t2 .ev-kaardid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:8px}
body.t2 .ev-kaart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--t-line);border-radius:22px;padding:clamp(24px,2.6vw,36px);
  text-decoration:none;color:inherit;transition:transform .4s var(--t-ease),box-shadow .4s,border-color .25s}
body.t2 .ev-kaart:hover{transform:translateY(-4px);border-color:var(--t-gold);box-shadow:0 30px 60px -36px rgba(4,47,78,.5);color:inherit}
body.t2 .ev-kaart small{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:700;color:var(--t-gold-d)}
body.t2 .ev-kaart h2{font-size:clamp(1.7rem,1.3rem + 1vw,2.2rem);line-height:1.08;margin:12px 0 14px;max-width:none;color:var(--t-navy-2)}
body.t2 .ev-kaart p{margin:0}
body.t2 .ev-kaart .ev-fakt{margin-top:18px;padding-top:16px;border-top:1px solid var(--t-warm);font-size:.92rem;color:#6B6B6B}
body.t2 .ev-kaart .ev-edasi{margin-top:auto;padding-top:22px;font-weight:800;color:var(--t-navy-2)}
body.t2 .ev-kaart:hover .ev-edasi{color:var(--t-gold-d)}
body.t2 .ev-lopp{text-align:center}
body.t2 .ev-lopp h2{margin-inline:auto}
body.t2 .ev-lopp .btn{display:inline-block;margin-top:26px;padding:16px 30px;border-radius:100px;text-decoration:none}
@media(max-width:900px){body.t2 .ev-kaardid{grid-template-columns:1fr}}
body.t2 footer .foot-brand{font-family:var(--t-serif);font-size:1.5rem;color:#fff}
body.t2 footer .foot-nav{font-size:.88rem}
body.t2 footer .foot + .small{margin-top:22px}