/*
Theme Name: V1 Teema
Theme URI: https://vormel1.ee/
Author: Indrek Simmer
Description: Vormel1.ee oma teema. Klassikaline PHP-teema ilma lehe-ehitaja ja JS-teekideta. Klassinimed ja pildilõiked ühilduvad Cerisega, et tagasilülitus oleks igal hetkel võimalik.
Version: 1.22.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: v1-teema
*/

/* ---------- Muutujad ----------

   TEEMA OMA NIMERUUM on --v1t-*, mitte --v1-*. See ei ole ilutsemine:
   v1-tulemused trükib wp_head'is prioriteediga 999 (ehk PÄRAST meie
   stiililehte) oma ploki `:root{--v1-bg:transparent;--v1-text:inherit;...}`.
   Sama nimi + sama kaal + hilisem koht = plugina väärtus võidab ja terve
   teema värvisüsteem asendus vaikselt. Nähtavaim tagajärg oli, et
   rippmenüül ja tume-režiimi lüliti nupul KADUS TAUST ära — nad olid
   läbipaistvad ja racecenter-riba paistis neist läbi.

   Plugina plokk on tema enda komponentide jaoks õige ja teda ei tohi
   puutuda, seega läksime meie oma nime peale. */
:root{
  --v1t-primary:#FF1E00;
  --v1t-text:#111;
  --v1t-text-muted:#666;
  --v1t-bg:#fff;
  --v1t-bg-soft:#f6f7f7;
  --v1t-border:rgba(0,0,0,.09);
  --v1t-container:1199px;
  --v1t-radius:3px;
}
.ceris-dark-mode{
  --v1t-text:#e6e6e6;
  --v1t-text-muted:#a0a0a0;
  --v1t-bg:#151515;
  --v1t-bg-soft:#1f1f1f;
  --v1t-border:rgba(255,255,255,.12);
}

/* ÜHILDUVUS: v1-tulemuse ja ennustusmängu tabelid loevad tumedas režiimis
   --v1-* muutujaid MEIE ümbriselt (nende endi plokis on ainult heleda
   režiimi väärtused). Kui me need siit ära võtaksime, muutuksid punktitabel
   ja kalender tumedas režiimis loetamatuks. Heledas režiimis kirjutab plugin
   need niikuinii üle — seega see plokk ei muuda seal midagi. */
.ceris-dark-mode{
  --v1-text:#e6e6e6;
  --v1-text-muted:#a0a0a0;
  --v1-bg:#151515;
  --v1-bg-soft:#1f1f1f;
  --v1-border:rgba(255,255,255,.12);
}

/* ---------- Alus ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:14px}
/* SÜSTEEMIFONT, mitte allalaetav. Seadmes juba olemas, seega tekst on
   ekraanil esimesel joonistusel — ühtegi fondifaili ei oodata. Sama valik
   on ralli.ee-l. Iga platvorm saab oma kohaliku kirja: -apple-system (SF)
   Apple'is, Segoe UI Windowsis, Roboto Androidis. */
body{margin:0;overflow-x:clip;background:var(--v1t-bg);color:var(--v1t-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
/* NB! font-synthesis:none on siit MEELEGA ära. Ta oli siin ise-majutatud
   Interi pärast, kus kaldkiri tuli eraldi failist. Süsteemifontide juures
   teeks ta kahju: kui mõnel platvormil kaldkirja või rasvast lõiget ei ole,
   jääks <em> ja <strong> märkamatuks. Las brauser täidab lünga ise. */
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--v1t-primary)}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.post__title{font-weight:700}
.post__title--single{font-weight:800;letter-spacing:-.02em}
.container{width:100%;max-width:var(--v1t-container);margin:0 auto;padding:0 15px}

/* ---------- Paigutus ---------- */
.site-content{padding:24px 0 40px}
.row{display:block}
.row--with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}
.col-main{min-width:0}
.col-sidebar{min-width:0}
@media(max-width:991px){.row--with-sidebar{grid-template-columns:1fr;gap:26px}}

/* Avaleht: täislaiuses riba uudisvoo keskel.

   Allikajärjekord on mobiili järgi õige (voo algus, riba, voo lõpp,
   külgriba), seega MOBIILIS EI OLE SIIN ÜHTEGI REEGLIT VAJA — ruudustik on
   seal üheveeruline ja järgib allikat.

   Arvutis paneme neli elementi käsitsi paika. Ilma selleta läheks külgriba
   automaatpaigutuse tõttu ribast allapoole. Neli kindlat kohta on
   loetavam ja töökindlam kui order-nihutamine. */
@media(min-width:992px){
  .row--riba>.col-main--algus{grid-column:1;grid-row:1}
  .row--riba>.col-sidebar    {grid-column:2;grid-row:1}
  .row--riba>.col-riba       {grid-column:1/-1;grid-row:2}
  .row--riba>.col-main--lopp {grid-column:1;grid-row:3}
  /* Rea vahe tuleb ruudustiku gap'ist (34 px); riba enda alumine vahe on
     tema oma margin-bottom, seega null siin, et vahe ei kahekordistuks. */
  .row--riba{row-gap:0}
  .row--riba>.col-main--algus{margin-bottom:34px}
}
.col-riba{min-width:0}
.col-main--lopp{min-width:0}

/* ---------- Päis ---------- */
.site-header{background:var(--v1t-bg);border-bottom:1px solid var(--v1t-border);position:relative;z-index:20}
.site-header__inner{display:flex;align-items:center;gap:18px;min-height:64px}
.site-header__burger{display:none}

/* Logo: kaks varianti, vahetus puhta CSS-iga. Mõlemad on originaalis sama
   mõõduga, seega vahetus ei nihuta midagi. */
.v1t-logo{display:block;width:auto}
.site-header__logo .v1t-logo{height:34px}
.site-footer__logo .v1t-logo{height:32px}
.v1t-logo--dark{display:none}
.ceris-dark-mode .v1t-logo--light{display:none}
.ceris-dark-mode .v1t-logo--dark{display:block}
.site-header__title{font-weight:800;font-size:20px}
.site-header__nav{flex:1 1 auto;min-width:0}
.navigation{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px}
.navigation--main>li>a{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.02em}
.navigation--main .sub-menu{display:none;position:absolute;z-index:30;background:var(--v1t-bg);border:1px solid var(--v1t-border);
  padding:8px 0;margin:0;list-style:none;min-width:190px;border-radius:var(--v1t-radius);box-shadow:0 6px 22px rgba(0,0,0,.12)}
.navigation--main li{position:relative}
.navigation--main li:hover>.sub-menu{display:block}
.navigation--main .sub-menu li a{display:block;padding:7px 16px;font-size:13px}
.site-header__tools{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}
.v1t-search{flex:0 0 auto;margin:0}
.v1t-search input{border:1px solid var(--v1t-border);background:var(--v1t-bg-soft);color:var(--v1t-text);
  border-radius:var(--v1t-radius);padding:7px 11px;font-size:13px;width:150px}

/* Ikooninupud: 44x44 puuteala, inline-SVG pärib currentColor'i. */
.v1t-icon-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;
  flex:0 0 auto;cursor:pointer;color:var(--v1t-text);border-radius:var(--v1t-radius);
  -webkit-tap-highlight-color:transparent}
.v1t-icon-btn .v1t-ico{display:block}
.v1t-icon-btn__off{display:none}
.v1t-menu-toggle:checked~.site-header__burger .v1t-menu-btn .v1t-icon-btn__on,
.v1t-search-toggle:checked~.site-header__tools .v1t-search-btn .v1t-icon-btn__on{display:none}
.v1t-menu-toggle:checked~.site-header__burger .v1t-menu-btn .v1t-icon-btn__off,
.v1t-search-toggle:checked~.site-header__tools .v1t-search-btn .v1t-icon-btn__off{display:block}

/* Tume-režiimi pill-lüliti */
.v1t-dark-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-between;
  width:56px;height:30px;padding:0 6px;border:1px solid var(--v1t-border);border-radius:999px;
  background:var(--v1t-bg-soft);color:var(--v1t-text-muted);cursor:pointer;flex:0 0 auto;
  -webkit-tap-highlight-color:transparent}
.v1t-dark-toggle__knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;
  background:var(--v1t-bg);border:1px solid var(--v1t-border);transition:transform .18s ease;z-index:1}
.v1t-dark-toggle.is-on .v1t-dark-toggle__knob{transform:translateX(26px)}
.v1t-dark-toggle__ico{display:flex;position:relative;z-index:2;pointer-events:none}
.v1t-dark-toggle__ico .v1t-ico{width:14px;height:14px;stroke-width:2.2}
.v1t-dark-toggle__ico--moon{color:var(--v1t-text)}
.v1t-dark-toggle__ico--sun{color:var(--v1t-text-muted)}
.v1t-dark-toggle.is-on .v1t-dark-toggle__ico--moon{color:var(--v1t-text-muted)}
.v1t-dark-toggle.is-on .v1t-dark-toggle__ico--sun{color:var(--v1t-text)}

/* Ennustusmäng menüüs punase nupuna — nii arvutis kui telefonis.

   Ta ei ole rubriik vaid tegevus, seega ta ei loe teistega samas reas, vaid
   paistab välja. Punane tuleb teema muutujast: sama toon, mis ENNUSTA-nuppudel
   ja logol.

   NB! color:#fff on hover'i juures kohustuslik. Teemas on a:hover{color:
   var(--v1t-primary)} ja ilma selleta läheks valge kiri punasel nupul
   hõljutades punaseks ehk nähtamatuks. */
.navigation--main>.v1t-nav-ennustus>a{
  background:var(--v1t-primary);color:#fff;border-radius:999px;padding:7px 14px}
.navigation--main>.v1t-nav-ennustus>a:hover{color:#fff;opacity:.9}

/* Telefonis on menüürida plokk üle laiuse — seal teeme nupust selgelt
   eristuva ploki, mitte pilli, ja võtame alt äärejoone ära. */
@media(max-width:991px){
  .navigation--main>.v1t-nav-ennustus>a{display:inline-block;border-bottom:0;
    margin:12px 0 6px;padding:11px 20px;border-radius:var(--v1t-radius)}
}

/* Kontopunkt on VAIKIMISI peidus — nii ei jõua ta mobiilile. Nähtavaks
   teeb ta allpool olev desktopi meediapäring. NB! See rida PEAB olema
   meediapäringust EESPOOL, muidu kirjutab ta selle üle ja punkt jääb
   desktopilgi peitu. */
.v1t-konto{display:none}

/* ---------- Desktopi päis: vasakul sisu, paremal tööriistad ----------

   KÕIK siinsed reeglid on 992 pikslist ülespoole. Mobiilipäis on hea ja jääb
   täpselt selliseks, nagu ta oli — allpool olev @media(max-width:991px) plokk
   ei muutunud ja siia ei ulatu. */
@media(min-width:992px){
  /* Kontolingid ("Logi Sisse", "Profiil") on WordPressi menüüpunktid. Menüüst
     me neid ei kustuta — mobiilis peavad nad alles jääma. Desktopil peidame
     nad menüüribalt ja näitame paremal ÜHT, mis vastab kasutaja olekule. */
  .navigation--main>.v1t-nav-konto{display:none}

  /* Kontopunkt paremal, menüüga samas kirjas. */
  .v1t-konto{display:inline-flex;align-items:center;height:34px;padding:0 12px;
    font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.02em;
    white-space:nowrap;border:1px solid var(--v1t-border);border-radius:999px;
    color:var(--v1t-text)}
  .v1t-konto:hover{border-color:var(--v1t-primary);color:var(--v1t-primary)}

  /* ÜKS teemalüliti, mitte kaks ikooni kõrvuti: näidatakse seda, KUHU
     vajutus viib — heledas kuu (mine tumedaks), tumedas päike (mine heledaks).
     DOM, nupu id, küpsis ja ceris-dark-mode klassid jäävad muutumatuks;
     ainult välimus on siin teine. Mobiilis jääb senine pill-lüliti alles. */
  .v1t-dark-toggle{width:40px;height:40px;padding:0;border:0;border-radius:var(--v1t-radius);
    background:transparent;justify-content:center}
  .v1t-dark-toggle__knob{display:none}
  .v1t-dark-toggle__ico--sun{display:none}
  .v1t-dark-toggle.is-on .v1t-dark-toggle__ico--moon{display:none}
  .v1t-dark-toggle.is-on .v1t-dark-toggle__ico--sun{display:flex}
  .v1t-dark-toggle__ico--moon,
  .v1t-dark-toggle.is-on .v1t-dark-toggle__ico--sun{color:var(--v1t-text)}
  .v1t-dark-toggle__ico .v1t-ico{width:19px;height:19px}
  .v1t-dark-toggle:hover{background:var(--v1t-bg-soft)}
}


/* ---------- Mobiilipäis: hamburger | logo | lüliti + luup ---------- */
@media(max-width:991px){
  /* Kolm veergu: äärmised võrdsed, logo täpselt keskel olenemata külgede laiusest. */
  .site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;
    align-items:center;gap:8px;min-height:58px}
  .site-header__burger{display:block;grid-column:1;justify-self:start}
  .site-header__logo{grid-column:2;justify-self:center}
  .site-header__tools{grid-column:3;justify-self:end;margin-left:0;gap:6px}
  .v1t-icon-btn{display:flex}

  /* Menüü ja otsing: omaette read, peidus kuni nuppu vajutatakse. */
  .site-header__nav,
  .v1t-search{grid-column:1/-1;width:100%;display:none}
  .v1t-menu-toggle:checked~.site-header__nav{display:block;padding-bottom:10px}
  .v1t-search-toggle:checked~.v1t-search{display:block;padding-bottom:12px}

  .navigation--main{flex-direction:column;gap:0}
  .navigation--main>li{width:100%}
  .navigation--main>li>a{display:block;padding:12px 0;border-bottom:1px solid var(--v1t-border)}
  .navigation--main .sub-menu{display:block;position:static;border:0;box-shadow:none;
    padding:0 0 6px 14px;min-width:0}
  .navigation--main .sub-menu li a{padding:9px 0}
  .v1t-search input{width:100%;padding:11px 14px;font-size:16px}
}

/* ---------- Ekraanilugeja tekst (WordPressi standardkuju) ----------
   WordPress trükib nimekirjade leheküljenduse, otsingu jm juurde pealkirju,
   mis on mõeldud ainult ekraanilugejale (nt „Postituste leheküljendus").
   Ilma selle reeglita olid need lehel nähtavad. Tekst jääb ekraanilugejale
   alles ja tuleb klaviatuuriga fookusesse jõudes nähtavale. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;
  overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;
  left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

/* ---------- Kaardid (Cerise klassinimed) ---------- */
.post__cat{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  padding:3px 8px;border-radius:2px;margin-bottom:8px}
/* Vaikimisi neutraalne hall; rubriikide oma värvid tulevad functions.php
   kaardist (v1t_rubriigi_varvid) reeglitega .post__cat.cat-<id>. */
.post__cat--bg,.cat-theme-bg,.post__cat--bg:hover{background:var(--v1t-text-muted);color:#fff}
.post__cat--bg:hover{opacity:.9}
.ceris-dark-mode .post__cat--bg,.ceris-dark-mode .cat-theme-bg,.ceris-dark-mode .post__cat--bg:hover{color:#111}
.post__title{margin:0 0 6px;font-size:18px;line-height:1.3;font-weight:700}
.post__title--single{font-size:30px;line-height:1.22;margin:8px 0 12px}
.post__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;font-size:12px;color:var(--v1t-text-muted)}
/* Autoririda loo lehel: „Vormel1 toimetus · 3. september 2026 · 183 vaatamist".
   Eraldaja on iga osa ees alates teisest (::before), mitte HTML-is: nii on ta
   kõigi osade vahel ühesugune ja ühtlaste vahedega, tavalugejal (kaks osa) ei
   jää rea lõppu tühja punkti ja telefonis murdub punkt koos oma osaga uuele
   reale. Nimekirjades on metareas üks osa (kuupäev) ja reegel ei rakendu. */
.post__meta>*+*::before{content:"\00b7";margin:0 8px;color:var(--v1t-text-muted);font-weight:400}
.post__author{font-weight:600;color:var(--v1t-text)}
.post__author a{color:inherit}
.post__author a:hover{color:var(--v1t-primary)}
.post--horizontal{display:flex;gap:18px;align-items:flex-start;margin:0 0 22px;padding:0 0 22px;
  border-bottom:1px solid var(--v1t-border)}
.post--horizontal:last-of-type{border-bottom:0}
.post--horizontal .post__pilt{position:relative;flex:0 0 200px;line-height:0}
.post--horizontal .post__thumb{display:block;flex:0 0 200px;margin:0;line-height:0}
.post--horizontal .post__pilt .post__thumb{flex:none}
/* Rubriigisilt pildi peal, vasakul all — sama nurk nagu avalehe hero-kaardil.
   Väikesel pisipildil (200 / 120 px) on serv proportsionaalselt kitsam (10 px). */
.post__pilt .post__cat{position:absolute;left:10px;bottom:10px;margin:0;z-index:2;line-height:normal}
.post--horizontal .post__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--v1t-radius)}
.post__text{flex:1 1 auto;min-width:0}
@media(max-width:575px){
  .post--horizontal{gap:12px}
  .post--horizontal .post__thumb,.post--horizontal .post__pilt{flex-basis:120px}
  .post__pilt .post__cat{left:8px;bottom:8px}
  .post__title{font-size:16px}
  .post__title--single{font-size:23px}
}

/* ---------- Artikkel ---------- */
.post--single .post__thumb--single{margin:0 0 18px}
.post--single .post__thumb--single img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--v1t-radius)}
.post--single figcaption{font-size:12px;color:var(--v1t-text-muted);padding-top:6px}
.entry-content{font-size:1.15rem;line-height:1.72}
.entry-content p{margin:0 0 1.15em}
.entry-content h2,.entry-content h3{margin:1.5em 0 .5em}
.entry-content img{border-radius:var(--v1t-radius)}

/* ---------- Manused artikli sees (video, kaardid, säutsud) ----------

   MIKS SEE SIIA TULI: imporditud lugudes tuleb YouTube'i manus kaasa KÕVA
   mõõduga — <iframe width="1200" height="900"> — ja allika teema
   konteinerklassidega (ast-oembed-container, wp-embed-aspect-*), millele
   meie teemas ühtegi reeglit ei olnud. Nii joonistas brauser iframe'i tema
   enda 1200 piksli peale: 815 px veerus tähendas see 385 px ülevoolu üle
   külgriba ja telefonis horisontaalset kerimist.

   Parandus on CSS-i tasandil, mitte sisu lappimine: nii on korras nii kõik
   juba olemasolevad lood kui ka kõik tulevased, ka käsitsi kirjutatud. */

/* Kõik manused: veerust välja ei ulatu. Ka kaardid, säutsud, mängijad. */
.entry-content iframe,
.entry-content embed,
.entry-content object,
.entry-content video{max-width:100%}

/* Ümbrised, mis manuse ümber tulevad — ka need peavad mahtuma. */
.entry-content figure,
.entry-content .wp-block-embed__wrapper,
.entry-content .ast-oembed-container{max-width:100%;margin-left:0;margin-right:0}
/* Allikas paneb sellele konteinerile inline height:100%; ilma kõrgusega
   vanemata tähendab see nagunii auto't, aga ütleme selle ka välja. */
.entry-content .ast-oembed-container{height:auto}

/* VIDEOMANUSED: veeru laiused ja 16:9, olenemata sellest, mis mõõdud
   allikas kaasa pani. Piirdume TEADLIKULT tuntud videopakkujatega — Google
   Mapsi kaardile või X-i säutsule oleks 16:9 pealesurumine vale. */
.entry-content iframe[src*="youtube.com"],
.entry-content iframe[src*="youtube-nocookie.com"],
.entry-content iframe[src*="youtu.be"],
.entry-content iframe[src*="vimeo.com"]{
  width:100%;height:auto;aspect-ratio:16/9;display:block;border:0;
  border-radius:var(--v1t-radius)}
/* Sisulingid on tagasihoidlikud: sama värv mis ümbritsev tekst, poolpaks,
   peenike allajoonimine tuhmis toonis — lingina äratuntav, aga ei karju keset
   lõiku (allikaviited on mainimine, mitte üleskutse). Hover ja fookus on
   brändipunane. Kehtib ainult artikli sisualale; grupi ja WhatsAppi read
   kirjutavad selle oma tugevama valijaga üle. */
.entry-content a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:var(--v1t-text-muted);
  text-decoration-thickness:1px;text-underline-offset:2px}
.entry-content a:hover,.entry-content a:focus{color:var(--v1t-primary);text-decoration-color:var(--v1t-primary)}
.entry-content blockquote{margin:1.4em 0;padding:.2em 0 .2em 18px;border-left:3px solid var(--v1t-primary);
  color:var(--v1t-text-muted)}
/* v1-uudiste väljund: juhtlõik rasvaselt, tsitaadid kaldkirjas, allikarida */
.entry-content>p:first-child>strong{font-size:1.05em}
.entry-content .v1u-allikas{font-size:.85em;color:var(--v1t-text-muted);border-top:1px solid var(--v1t-border);
  padding-top:12px;margin-top:22px}
.post__tags{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px;font-size:12px}
.post__tags a{background:var(--v1t-bg-soft);padding:4px 10px;border-radius:2px}

/* ---------- Külgriba ---------- */
.col-sidebar .widget{margin:0 0 26px}
.widget-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;
  padding-bottom:7px;border-bottom:2px solid var(--v1t-primary)}

/* ---------- "Tänane top" külgribas (WordPress Popular Posts) ----------

   Plokk ise tuleb WPP shortcode'ist Text-vidinas ja tal ON juba õiged
   klassid — need on Cerise-aegsed ja uues teemas jäid lihtsalt stiilita.
   Siin anname neile saidi oma kujunduskeele. Ühtegi lugu ega valikuloogikat
   see ei puuduta: WPP otsustab endiselt ise, mida näidata.

   Päis: sama suurus mis kõrvalasuval punktitabelil ("PUNKTISEIS 2026"),
   et külgriba kaks plokki loeksid ühtemoodi. Piiritleme :has()-iga selle
   ühe vidinaga; kui brauser :has()-i ei tunne, jääb päis lihtsalt teema
   vaikimisi 13 px peale — kujundus ei lagune. */
.widget:has(.v1-top-image-premium-container) .widget-title{font-size:18px;letter-spacing:.02em}

.v1-top-image-premium-container{display:flex;flex-direction:column;gap:26px}
.v1-top-item{position:relative;margin:0}
.v1-top-thumb{margin:0 0 11px;line-height:0;overflow:hidden;border-radius:var(--v1t-radius)}
.v1-top-thumb a{display:block}
.v1-top-thumb img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;
  transition:transform .4s ease}
/* Pealkiri PÄRIS uudisvoo kaardi kirjas: 17 px, kaal 700, reavahe 1.32 —
   samad arvud, mis v1av-kaart__title avalehel. */
.v1-top-title{display:block;font-size:17px;line-height:1.32;font-weight:700;color:var(--v1t-text)}
/* Klikitav on terve kaart, ilma pesastatud lingita: pealkirja lingi ::after
   katab kaardi ära. Pildilink jääb alla, aga viib samasse kohta. */
.v1-top-title::after{content:"";position:absolute;inset:0;z-index:1}
/* Kuupäevakast on WPP seadetes tühjaks jäetud — tühi element võtaks
   asjatult ruumi. */
.v1-top-date:empty{display:none}
@media(hover:hover){
  .v1-top-item:hover .v1-top-title{color:var(--v1t-primary)}
  .v1-top-item:hover .v1-top-thumb img{transform:scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  .v1-top-thumb img{transition:none}
  .v1-top-item:hover .v1-top-thumb img{transform:none}
}

/* ---------- Jalus ---------- */
.site-footer{background:var(--v1t-bg-soft);border-top:1px solid var(--v1t-border);padding:26px 0;margin-top:36px;font-size:13px}
.site-footer__top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.navigation--footer{gap:18px}
.navigation--footer a{font-weight:600}
.site-footer__bottom{margin-top:16px;padding-top:14px;border-top:1px solid var(--v1t-border);
  color:var(--v1t-text-muted)}

/* ---------- Leheküljendus ---------- */
.pagination,.nav-links{display:flex;gap:6px;flex-wrap:wrap;margin:26px 0}
.page-numbers{display:inline-block;padding:6px 12px;border:1px solid var(--v1t-border);border-radius:2px}
.page-numbers.current{background:var(--v1t-primary);color:#fff;border-color:var(--v1t-primary)}

/* ---------- Avaleht ---------- */
/* NB! margin-lühivorm PEAB sisaldama auto't, muidu nullib see .container'i
   'margin:0 auto' ära ja plokk kaob akna vasakusse serva. */
.v1t-front-promo{margin:0 auto 24px}
.v1t-front-hero{margin:0 auto 30px}
.v1t-front-next{margin:0 0 26px}

/* ---------- Arhiiv ja otsing ---------- */
.archive-header{margin:0 0 24px;padding-bottom:14px;border-bottom:2px solid var(--v1t-primary)}
.archive-title{font-size:24px;margin:0}
.archive-title em{font-style:normal;color:var(--v1t-primary)}
.archive-desc{margin:6px 0 0;color:var(--v1t-text-muted);font-size:13px}
.v1t-search--big{margin:18px 0 30px}
.v1t-search--big input{width:100%;max-width:420px;padding:11px 14px;font-size:15px}

/* ---------- 404 ----------
   Illustratsioon (läbipaistev PNG) istub otse lehe taustal, paneeli ega raami
   pole. Arvutis kuni 640 px lai, telefonis veeru laiune. All pealkiri, üks
   lause ja kaks tegevust kõrvuti: punane nupp „Avalehele" ja otsing;
   kitsal ekraanil üksteise all. */
.v1t-404{max-width:640px;margin:28px auto 60px;text-align:center}
.v1t-404__pilt{margin:0 0 14px;line-height:0}
.v1t-404__pilt img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}
.v1t-404__title{font-size:26px;margin:0 0 8px}
.v1t-404__tekst{margin:0 0 22px;font-size:16px;color:var(--v1t-text-muted)}
.v1t-404__tegevused{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.v1t-404__nupp{display:inline-flex;align-items:center;justify-content:center;background:var(--v1t-primary);color:#fff;
  border-radius:999px;padding:11px 24px;font-weight:700;font-size:15px;white-space:nowrap}
.v1t-404__nupp:hover{color:#fff;opacity:.9}
.v1t-404 .v1t-search--big{display:flex;justify-content:center;flex:1 1 240px;max-width:420px;margin:0}
.v1t-404 .v1t-search--big input{width:100%;max-width:none}
@media (max-width:575px){
  .v1t-404__tegevused{flex-direction:column}
  .v1t-404 .v1t-search--big{width:100%;flex-basis:auto}
}

/* ---------- Vaatamiste arv: ainult administraator ---------- */
/* Serveripoolne kontroll on v1t_vaatamisi_adminile(); see reegel ainult
   vaigistab numbri, et ta kuupäeva kõrval tähelepanu ei varastaks. */
.post__views{color:var(--v1t-text-muted);font-variant-numeric:tabular-nums}

/* ---------- Sisusisese reklaamipesa kõrgus ette ----------

   AdSense'i skript annab responsive-pesale mõõdu alles siis, kui ta on
   kohale jõudnud. Kuni selle hetkeni on pesa 0 px kõrge ja kogu allpoolne
   tekst hüppab korraga alla — see oli artiklilehe CLS 0,099-st suurem pool.

   Mõõdetud päris seadmetel: kuni 480 px laiuse ekraani korral teeb AdSense
   ruudu üle terve ekraanilaiuse (360->360, 412->412, 480->480), sellest
   laiemal jääb kõrguseks 280 px (490, 560, 768, 1280 — kõik 280).

   Kõrgus käib <ins> elemendi peal, MITTE ümbrise peal. Nii vabaneb koht
   iseenesest, kui Google reklaami ei täida ja oma pesa kokku voldib —
   ümbrise min-height jätaks sinna igavese tühja kasti. Reklaami näitamises
   ega mõõtudes see midagi ei muuda: laiuse loeb Google ümbrisest. */
.entry-content ins.adsbygoogle{min-height:280px}
@media(max-width:480px){.entry-content ins.adsbygoogle{min-height:100vw}}

/* ---------- Reklaamikohad püsivad veeru sees (1.13.0) ----------

   Artiklilehel on kolm reklaamikohta: Advanced Adsi pesad sisu sees
   (.vorme-entity-placement: lõik 1 ja lõik 5 järel, sisu lõpus), v1-avaleht
   plugina pesa külgribas (.v1av-ad) ja külgriba vidinad. Mobiilis lõikus sisu
   sees olev bänner paremalt ära: AdSense'i „full width responsive" laiendas
   pesa veerust laiemaks (ins sai laiuse 100vw ja negatiivse vasaku veerise).
   See lüliti on Advanced Ads → Settings → AdSense → Full width responsive ads
   ja on nüüd „disable" — pesa jääb veeru laiuseks ja Google mõõdab reklaami
   selle järgi. Allolev CSS on lisaks kaitsevõrk: pilt või iframe, mis tuleb
   reklaamikohta kõva mõõduga (nt 728×90), ei ulatu kunagi veerust välja —
   pilt skaleerub proportsioonis, iframe piirdub veeru laiusega. Arvutis ei
   muuda see midagi, sest seal on reklaam niikuinii veerust kitsam. */
.vorme-entity-placement,
.v1av-ad,
.col-sidebar .widget{max-width:100%;min-width:0}
.vorme-entity-placement img,
.v1av-ad img,
.col-sidebar .widget img{max-width:100%;height:auto}
.vorme-entity-placement iframe,
.v1av-ad iframe,
.col-sidebar .widget iframe{max-width:100%}

/* ---------- Kommentaarid: laisk laadimine ----------
   Vt inc/kommentaarid.php. Klassi --ootel lisab JS ise, seega ilma
   JS-ita jäävad kommentaarid kohe nähtavaks ja auku ei teki. */
.v1t-komm{margin-top:34px}
.v1t-komm__nupp{display:none;margin:0}
.v1t-komm--ootel .v1t-komm__nupp{display:block}
.v1t-komm--ootel .v1t-komm__sisu{display:none}
.v1t-komm__nupp a{display:inline-block;padding:13px 22px;border:1px solid var(--v1t-border);
  border-radius:var(--v1t-radius);background:var(--v1t-bg-soft);color:var(--v1t-text);
  font-weight:600;font-size:14px}
.v1t-komm__nupp a:hover{color:var(--v1t-primary)}
.v1t-komm--laeb .v1t-komm__nupp a{opacity:.55;pointer-events:none}

/* ---------- Kommentaarium (wpDiscuz) tumedas režiimis ----------
   wpDiscuz (7.6, paigutus 3) laadib oma CSS-i PÄRAST teema oma — artiklilehel
   koguni laisalt, vt inc/kommentaarid.php — seega võidab võrdse kaaluga
   reeglitest tema. Sellepärast algab iga reegel siin body.ceris-dark-mode-ga:
   sama palju klasse kui wpDiscuzi reeglil (.ceris-dark-mode on tema
   .wpd-layout-3 asemel) pluss <body>, ehk kaal on alati ühe võrra suurem ilma
   !important'ita. Ainult värvid, taustad ja jooned; paigutust, mõõte ja
   käitumist ei puututa. Värvid on teema --v1t-* muutujad, samad mis
   otsingukastil ja külgribal. wpDiscuzi oma „Dark" stiil on kogu saidile
   korraga ega järgi lülitit — seda ei kasutata.
   Rollivärvid (roheline autorinimi ja silt „Author") tulevad wpDiscuzi
   seadetest ja jäävad alles: nimereegel on meelega ilma body-ta ja :where-ga,
   et rolli reegel temast üle käiks. */

/* Vormi pea: Subscribe, Login */
body.ceris-dark-mode #wpdcom .wpd-form-head{border-bottom-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-sbs-toggle,
body.ceris-dark-mode #wpdcom .wpd-sbs-toggle i.fa-caret-down{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-auth .wpd-sep{border-right-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-auth .wpd-login a{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-auth .wpd-login a:hover{color:var(--v1t-primary)}

/* Avatarid */
body.ceris-dark-mode #wpdcom .wpd-form .wpd-avatar img,
body.ceris-dark-mode #wpdcom .wpd-form .wpd-avatar img.avatar,
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-avatar img,
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-avatar img.avatar{border-color:var(--v1t-border);background-color:var(--v1t-bg-soft)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-avatar i{border-color:var(--v1t-border)}

/* Kirjutamise kast: Quill-redaktor (arvutis) */
body.ceris-dark-mode #wpdcom .ql-container{background:var(--v1t-bg-soft);border-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .ql-editor{border-bottom-color:var(--v1t-bg-soft);color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .ql-editor > *{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .ql-editor::before,
body.ceris-dark-mode #wpdcom .ql-editor.ql-blank::before{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .ql-toolbar{background-color:var(--v1t-bg);border-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .ql-toolbar .ql-stroke{stroke:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .ql-toolbar .ql-fill{fill:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .ql-toolbar button.ql-spoiler,
body.ceris-dark-mode #wpdcom .ql-toolbar button.ql-sourcecode,
body.ceris-dark-mode #wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .ql-snow .ql-editor blockquote{border-left-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .ql-snow .ql-editor code,
body.ceris-dark-mode #wpdcom .ql-snow .ql-editor pre{background-color:var(--v1t-bg)}
body.ceris-dark-mode #wpdcom .ql-snow .ql-picker{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .ql-snow .ql-picker-options{background-color:var(--v1t-bg-soft)}
body.ceris-dark-mode #wpdcom .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
body.ceris-dark-mode #wpdcom .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .ql-snow .ql-tooltip{background-color:var(--v1t-bg-soft);border-color:var(--v1t-border);box-shadow:none;color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .ql-snow .ql-tooltip input[type=text]{background:var(--v1t-bg);border-color:var(--v1t-border);color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .ql-snow .ql-tooltip a.ql-action::after{border-right-color:var(--v1t-border)}
body.ceris-dark-mode #wpd-editor-source-code-wrapper{background-color:var(--v1t-bg-soft);color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-editor-char-counter{color:var(--v1t-text-muted)}

/* Kirjutamise kast: lihtne tekstiväli (telefonis) ning nimi, e-post, veebileht */
body.ceris-dark-mode #wpdcom textarea,
body.ceris-dark-mode #wpdcom select,
body.ceris-dark-mode #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea,
body.ceris-dark-mode #wpdcom .wpd-form-row .wpdiscuz-item textarea,
body.ceris-dark-mode #wpdcom .wpd-form-row .wpdiscuz-item input[type="text"],
body.ceris-dark-mode #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"],
body.ceris-dark-mode #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"],
body.ceris-dark-mode #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"],
body.ceris-dark-mode #wpdcom .wpdiscuz-subscribe-form-email input[type="email"]{background:var(--v1t-bg-soft);color:var(--v1t-text);border-color:var(--v1t-border);box-shadow:none}
body.ceris-dark-mode #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:hover{box-shadow:none}
body.ceris-dark-mode #wpdcom .wpd-form-row .wpd-field{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom input::placeholder,
body.ceris-dark-mode #wpdcom textarea::placeholder,
body.ceris-dark-mode #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::placeholder{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-icon{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd_label__check i.wpdicon-off{border-color:var(--v1t-border);color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpdiscuz-subscribe-form-button input[type="submit"]{border-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-prim-button,
body.ceris-dark-mode #wpdcom .wpd-second-button{box-shadow:none}
body.ceris-dark-mode #wpdcom .wmu-attached-images{border-bottom-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wmu-attached-images .wmu-attached-image{border-color:var(--v1t-border)}

/* Kommentaaride pea: arv, sortimine */
body.ceris-dark-mode #wpdcom .wpd-thread-head{border-bottom-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-thread-head .wpd-thread-info{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-thread-head .wpdiscuz-user-settings{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-thread-filter .wpdf-sorting{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpdiscuz-sort-buttons{background-color:var(--v1t-bg-soft);border-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover{background-color:var(--v1t-bg)}
body.ceris-dark-mode #wpdcom .wpd-comment-info-bar{background:var(--v1t-bg-soft);border-color:var(--v1t-border)}

/* Kommentaarid: taustad, jooned, nimed, ajad, tekst */
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-right{border-left-color:var(--v1t-border);border-bottom-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-comment.wpd-reply .wpd-comment-right{border-left-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-header{background-color:var(--v1t-bg-soft);color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-comment.wpd-reply .wpd-comment-header{background-color:transparent}
body.ceris-dark-mode #wpdcom .wpd-comment.wpd-sticky-comment .wpd-comment-header{background-color:var(--v1t-bg-soft)}
body.ceris-dark-mode #wpdcom .wpd-new-loaded-comment.wpd-comment > .wpd-comment-wrap > .wpd-comment-right{background:var(--v1t-bg-soft)}
.ceris-dark-mode #wpdcom .wpd-comment-author,
.ceris-dark-mode #wpdcom .wpd-comment-author :where(a){color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-wrap .wpd-comment-author span.wpd-user-nicename,
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-subheader .wpd-comment-date,
body.ceris-dark-mode #wpdcom .wpd-comment-header .wpd-comment-link,
body.ceris-dark-mode #wpdcom .wpd-comment-right .wpd-comment-last-edited,
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-follow-link,
body.ceris-dark-mode #wpdcom .wpd-comment-status .wpd-closed{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-comment-text{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-reply-to{background-color:var(--v1t-bg-soft);color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-reply-to a{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-reply-to a:hover{color:var(--v1t-primary)}

/* Kommentaari jalus: hääled, Reply, tööriistad, „vaata vastuseid" */
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-footer .wpd-vote-up,
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-footer .wpd-vote-down{background-color:var(--v1t-bg-soft);border-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-comment-footer .wpd-vote-up svg,
body.ceris-dark-mode #wpdcom .wpd-comment-footer .wpd-vote-down svg{fill:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-footer .wpd-vote-result{background-color:var(--v1t-bg-soft);color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-vote-result-sep{background-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-footer .wpd-reply-button{background-color:var(--v1t-bg-soft);border-color:var(--v1t-border);color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-comment-footer .wpd-reply-button svg{fill:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-comment-footer .wpd-reply-button:hover{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-footer .wpd-tool-wrap i{background:var(--v1t-bg-soft);border-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-comment-footer .wpd-tools i,
body.ceris-dark-mode #wpdcom .wpd-comment-footer .wpd-toggle i{color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-comment-footer .wpd-toggle .wpd-view-replies{background:var(--v1t-bg-soft);color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-comment-footer .wpd-sep{border-right-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer{border-bottom-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom .wpd-tools-actions{background-color:var(--v1t-bg-soft);border-color:var(--v1t-border);color:var(--v1t-text-muted)}
body.ceris-dark-mode #wpdcom .wpd-tools-actions .wpd-cta-button a{color:var(--v1t-text)}
body.ceris-dark-mode #wpdcom .wpd-tools-actions .wpd-cta-button:hover{background-color:var(--v1t-bg)}
body.ceris-dark-mode #wpdcom .page-numbers{color:var(--v1t-text);border-color:var(--v1t-border)}
body.ceris-dark-mode #wpdcom span.current{background:var(--v1t-bg-soft)}

/* Telefonis on wpDiscuzil hääle- ja Reply-nupud ilma tausta ja jooneta —
   tumedas samamoodi, et mõlemad režiimid näeksid ühesugused välja. */
@media (max-width:600px){
  body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-footer .wpd-reply-button,
  body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-footer .wpd-vote-result{background-color:transparent}
  body.ceris-dark-mode #wpdcom .wpd-comment .wpd-comment-footer .wpd-tool-wrap i{background:transparent}
}
/* Artiklilehel (laisk laadimine, ümbris .v1t-komm) jõuab wpDiscuzi mobiili-
   reegel kohale pärast seadete rohelist joont ja aktiivse vahelehe alune joon
   on seal hall (#ccc) — heledas samuti. Tumedas anname talle teema joone. */
@media (max-width:600px){
  body.ceris-dark-mode .v1t-komm #wpdcom .wpd-thread-head .wpd-thread-info{border-bottom-color:var(--v1t-border)}
}