/* ==========================================================================
   Kooihaus Magazine — design layer
   Boškovi izbori 2026-08-18: Fraunces (C+D optika) + Inter, paleta BEZ boje,
   meni varijante B i C. Hero podela levo/desno i struktura članka se ČUVAJU.
   Ovaj fajl se učitava POSLE style.css i samo prepisuje dizajn sloj.
   ========================================================================== */

/* --- 1. Fontovi, self-hosted ------------------------------------------- */
@font-face{
  font-family:"Fraunces";
  src:url("/wp-content/themes/kooihaus-magazine/fonts/Fraunces.woff2") format("woff2-variations"),
      url("/wp-content/themes/kooihaus-magazine/fonts/Fraunces.woff2") format("woff2");
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"InterVar";
  src:url("/wp-content/themes/kooihaus-magazine/fonts/Inter.woff2") format("woff2-variations"),
      url("/wp-content/themes/kooihaus-magazine/fonts/Inter.woff2") format("woff2");
  font-weight:100 900; font-style:normal; font-display:swap;
}

/* --- 2. Tokeni --------------------------------------------------------- */
:root{
  --kooi-heading-font:"Fraunces",Georgia,"Times New Roman",serif;
  --kooi-body-font:"InterVar","Helvetica Neue",Arial,sans-serif;
  --kooi-label-font:"InterVar","Helvetica Neue",Arial,sans-serif;

  /* paleta BEZ boje — akcenat je mastilo i debljina linije */
  --kooi-bg-white:#FFFFFF;
  --kooi-text-dark:#20221B;
  --kooi-text-body:#20221B;
  --kooi-text-muted:#767676;
  --kooi-rule:#DCDCDC;
  --kooi-surface:#F5F5F5;
  --kooi-primary:#20221B;   /* bila prodajna zelena */
  --kooi-green:#20221B;
  --kooi-accent:#20221B;

  --kooi-letter-wide:.12em;
  --kooi-measure:640px;

  /* Fraunces optika: C = veliki naslovi (karakter), D = sitan tekst (čitljivost) */
  --fr-display:"opsz" 60,"WONK" 1,"SOFT" 60;
  --fr-mid:"opsz" 36,"WONK" 1,"SOFT" 40;
  --fr-small:"opsz" 9,"WONK" 0,"SOFT" 0;
}

body,
body p,
.kooi-post-body .entry-content p{
  font-family:var(--kooi-body-font);
  color:var(--kooi-text-dark);
}
body{background:var(--kooi-bg-white);}

/* --- 3. Naslovi: Fraunces, rečenični slog (verzal odlazi) --------------- */
h1,h2,h3,
.kooi-hero__title,
.kooi-about-title,.kooi-about-story__title,.kooi-about-col-title,
.kooi-cat-card__title,.kooi-contact-title,.kooi-contact-faq-title,
.kooi-faq-header__title,.kooi-faq-section__title,
.kooi-section__heading,.kooi-related__title,
.kooi-archive-card__title,.kooi-related-card__title,
.kooi-author-box__name,.kooi-bio__heading{
  font-family:var(--kooi-heading-font)!important;
  text-transform:none!important;
  letter-spacing:-.012em;
  font-weight:400;
  color:var(--kooi-text-dark);
}

.kooi-hero__title{
  font-variation-settings:var(--fr-display);
  font-size:clamp(2rem,4vw,3rem)!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
}
.kooi-post-body .entry-content h2,
.kooi-section__heading,.kooi-related__title{
  font-variation-settings:var(--fr-mid);
  font-size:1.875rem;line-height:1.2;
}
.kooi-archive-card__title,.kooi-related-card__title,.kooi-cat-card__title{
  font-variation-settings:var(--fr-small);
  font-size:1.25rem;line-height:1.3;
}
.kooi-post-body .entry-content h3{
  font-family:var(--kooi-heading-font)!important;
  font-variation-settings:var(--fr-mid);
  font-size:1.5rem;line-height:1.28;text-transform:none!important;font-weight:400;
}
/* h4 ostaje sitna verzalna oznaka, ali u sansu */
.kooi-post-body .entry-content h4{
  font-family:var(--kooi-label-font)!important;
  font-size:.9375rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase!important;
}

/* --- 4. Labele, meta, dugmad: Inter verzal (namerno ostaje) ------------- */
.kooi-hero__label,.kooi-hero__meta,.kooi-hero__meta-date,.kooi-hero__meta-updated,
.kooi-hero__meta-author,.kooi-archive-card__cat,.kooi-related-card__cat,
.kooi-contact-label,.kooi-faq-header__label,.kooi-bio__cat,.kooi-bio__meta,
.kooi-hero__btn,.kooi-author-box__btn{
  font-family:var(--kooi-label-font)!important;
  font-weight:500;
  letter-spacing:var(--kooi-letter-wide);
}
.kooi-hero__label{font-size:.6875rem;color:var(--kooi-text-muted);}
.kooi-hero__meta,.kooi-hero__meta-date,.kooi-hero__meta-author{
  font-size:.6875rem;color:var(--kooi-text-muted);
}
.kooi-hero__meta-updated{font-size:.6875rem;opacity:.8;}
.kooi-hero__excerpt{
  font-family:var(--kooi-body-font)!important;
  font-style:normal!important;
  font-size:1.1875rem;line-height:1.55;color:var(--kooi-text-dark);
}

/* --- 5. Telo članka: mera 640px, Inter ---------------------------------- */
.kooi-post-body{max-width:var(--kooi-measure)!important;}
.kooi-post-body .entry-content p,
.kooi-post-body .entry-content li{
  font-family:var(--kooi-body-font)!important;
  font-size:1.1875rem;line-height:1.62;letter-spacing:.003em;
  color:var(--kooi-text-dark);
}
.kooi-post-body .entry-content a{
  color:var(--kooi-text-dark);
  text-decoration:underline;
  text-decoration-color:#B9B9B4;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.kooi-post-body .entry-content a:hover{text-decoration-color:var(--kooi-text-dark);}
/* citat: linija u mastilu, bez podloge i bez zelene */
.kooi-post-body .entry-content blockquote{
  border-left:2px solid var(--kooi-text-dark)!important;
  background:none!important;
  padding:.25rem 0 .25rem 1.25rem!important;
  font-family:var(--kooi-heading-font)!important;
  font-variation-settings:var(--fr-mid);
  font-size:1.375rem;line-height:1.38;font-style:normal;
}
.kooi-post-body .entry-content blockquote cite{
  font-family:var(--kooi-label-font)!important;font-size:.75rem;color:var(--kooi-text-muted);
}

/* --- 6. Skidanje ukrasa: senke, pilule, prodajna traka ------------------ */
.whb-top-bar{display:none!important;}
.kooi-archive-card,.kooi-related-card,.kooi-cat-card,.kooi-author-box,
.wd-post, .blog-design-masonry .wd-post{
  box-shadow:none!important;border-radius:0!important;
}
.kooi-archive-card__cat,.kooi-related-card__cat,.kooi-bio__cat{
  background:none!important;border:none!important;border-radius:0!important;
  padding:0!important;color:var(--kooi-text-muted)!important;
  font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;
}
.kooi-author-box{background:var(--kooi-surface)!important;border:none!important;}
.kooi-hero__btn,.kooi-author-box__btn,.kooi-bio__btn{
  background:none!important;border:none!important;border-radius:0!important;
  border-bottom:2px solid var(--kooi-text-dark)!important;
  color:var(--kooi-text-dark)!important;
  padding:0 0 .2rem!important;font-size:.75rem;
}
.kooi-hero__btn:hover,.kooi-author-box__btn:hover{opacity:.62;}
/* tanke linije umesto sivih UI okvira */
.kooi-section,.kooi-related,.kooi-archive__grid{border-color:var(--kooi-rule)!important;}

/* --- 7. Navigacija: monohromatska, bez pilula --------------------------- */
.whb-general-header{border-bottom:1px solid var(--kooi-rule);}
.wd-header-nav .menu-item > a,
.wd-nav > li > a{
  font-family:var(--kooi-label-font)!important;
  font-size:.75rem!important;font-weight:400!important;
  letter-spacing:.083em!important;text-transform:uppercase!important;
  color:var(--kooi-text-dark)!important;
}
.wd-nav > li > a::before,.wd-nav > li > a::after{display:none!important;}
.wd-nav > li.current-menu-item > a,
.wd-nav > li > a:hover{
  border-bottom:2px solid var(--kooi-text-dark);
  padding-bottom:2px;
}

/* --- 8. Varijante menija ------------------------------------------------ */
/* C (podrazumevana): jedan kompaktan red — logo levo, rubrike sredina, alati desno */
body.kooi-nav-c .whb-general-header .whb-flex-row{align-items:center;}

/* B (AD obrazac): wordmark u sredini, rubrike u redu ispod */
body.kooi-nav-b .whb-general-header .whb-flex-row{
  flex-wrap:wrap;justify-content:center;row-gap:.75rem;padding-top:.9rem;padding-bottom:.4rem;
}
body.kooi-nav-b .whb-general-header .whb-col-left{order:2;flex:1 1 100%;justify-content:center;}
body.kooi-nav-b .whb-general-header .whb-col-center{order:1;flex:1 1 100%;justify-content:center;}
body.kooi-nav-b .whb-general-header .whb-col-right{order:3;position:absolute;right:1.5rem;top:1.1rem;}
body.kooi-nav-b .whb-general-header{position:relative;}
body.kooi-nav-b .wd-header-nav{justify-content:center;width:100%;}

/* --- 9. Hero: geometrija NETAKNUTA, samo slog --------------------------- */
.kooi-hero__text{gap:.85rem;}
.kooi-hero__caption{font-family:var(--kooi-label-font)!important;font-size:.75rem;color:var(--kooi-text-muted);}

/* --- 10. Pristupačnost -------------------------------------------------- */
a:focus-visible,button:focus-visible,.wd-nav > li > a:focus-visible{
  outline:2px solid var(--kooi-text-dark);outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* --- 11. Ispravke posle merenja uživo ---------------------------------- */
/* Fraunces nosi karakter oblikom, ne debljinom — naslovi ostaju u 400 */
.kooi-post-body .entry-content h2,
.kooi-post-body .entry-content h3,
.kooi-section__heading,.kooi-related__title,
.kooi-archive-card__title,.kooi-related-card__title,
h1,h2,h3{font-weight:400!important;}
.kooi-post-body .entry-content h2{margin-top:2.2rem;}
.kooi-post-body .entry-content h3{margin-top:1.8rem;}

/* --- 12. Uklanjanje prodajne hrome iz zaglavlja (2026-08-18) ------------ */
/* U headeru ostaju samo wordmark, rubrike i pretraga.
   Login/Register, wishlist (srce) i korpa (iznos) su sakriveni samo unutar
   .whb-header — WooCommerce funkcionalnost (shop, checkout, wishlist strane)
   nije dirana. */
.whb-header .wd-header-my-account,
.whb-header .menu-item-account,
.whb-header .wd-header-wishlist,
.whb-header .menu-item-wishlist,
.whb-header .wd-header-cart{
  display:none!important;
}

/* --- 13. Woodmart sopstvene boje → paleta bez boje (2026-08-18) --------- */
/* Woodmart nosi svoju prodajnu zelenu i žutu u vlastitim promenljivim;
   naši --kooi-* tokeni ih ne pokrivaju. */
:root{
  --wd-primary-color:#20221B!important;
  --wd-link-color:#20221B!important;
  --wd-link-color-hover:#5A5C55!important;
  --wd-alternative-color:#20221B!important;
  --wd-text-color:#20221B!important;
}
.wd-cart-number,.wd-tools-count{background:#20221B!important;color:#fff!important;}

/* --- 14. Naslovi kartica na naslovnoj i arhivi (Woodmart klasa) -------- */
.wd-entities-title,
.wd-entities-title a,
.wd-post-title,
.kooi-cat-card__title{
  font-family:var(--kooi-heading-font)!important;
  font-variation-settings:var(--fr-small);
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:-.008em;
  font-size:1.1875rem;
  line-height:1.3;
  color:var(--kooi-text-dark)!important;
}

/* --- 15. Varijanta B: wordmark IZNAD rubrika (ispravka redosleda) ------- */
body.kooi-nav-b .whb-general-header .whb-col-left{order:1;flex:1 1 100%;justify-content:center;}
body.kooi-nav-b .whb-general-header .whb-col-center{order:2;flex:1 1 100%;justify-content:center;}

/* --- 16. Pojačana specifičnost nad Woodmart inline stilom -------------- */
html:root{
  --wd-primary-color:#20221B!important;
  --wd-link-color:#20221B!important;
  --wd-link-color-hover:#5A5C55!important;
  --wd-alternative-color:#20221B!important;
}
.wd-entities-title,.wd-entities-title a{font-size:1.1875rem!important;}

/* --- 17. About migriran u WP (2026-08-18) ------------------------------- */
/* Sadržaj sada dolazi iz post_content kroz page.php. Blokovi kooi-about-*
   nose sopstveni kontejner i padding, pa se spoljni iz .kooi-page-content
   neutrališe da raspored ostane identičan kao dok je bio u PHP šablonu. */
body.page-id-4400 .kooi-page-content{max-width:none;padding:0;}
/* Migrirane strane (2026-08-18): sadržaj iz post_content, spoljni kontejner neutralisan */
body.page-id-4439 .kooi-page-content,
body.page-template-default.page .kooi-page-content:has(> .entry-content > .kooi-page-faq),
body.page-template-default.page .kooi-page-content:has(> .entry-content > .kooi-page-contact),
body.page-template-default.page .kooi-page-content:has(> .entry-content > .kooi-page-tracking){max-width:none;padding:0;}

/* --- 17. Bold unutar naslova — popravka odstupanja (2026-09-22) ---------
   NALAZ: naslovi u člancima nose <strong> UNUTAR <h2>/<h3> (artefakt uvoza
   sadržaja, živi u bazi). Pravilo iz sekcije 3 pogađa h2, ali ga <strong>
   unutra vraća u debljinu 600 — 11 elemenata samo na Bauhaus članku.
   To odstupa od odobrenog dizajna „jedna debljina, bez bolda" (18.08).
   Popravlja se prikazom, ne diranjem sadržaja: <strong> u naslovu nasleđuje
   debljinu naslova. U TELU teksta <strong> ostaje bold, kako i treba.
   Trajno rešenje je čišćenje sadržaja u bazi — zaseban, produkcijski posao. */
h1 strong, h2 strong, h3 strong,
h4 strong, h5 strong, h6 strong,
.entry-content h1 strong,
.entry-content h2 strong,
.entry-content h3 strong,
.wd-entities-title strong,
.entry-title strong{
  font-weight:inherit !important;
}

/* Sekcija 3 je hvatala samo h1–h3; h4 u Instagram CTA blocku je ostajao 700.
   „Jedna debljina" važi za sve nivoe naslova. */
h4, h5, h6,
.kooi-instagram-cta h4{ font-weight:400 !important; }

/* --- 18. Telo članka: Jost (Boškova odluka 2026-09-22) ------------------
   Probane četiri varijante uživo (Inter 19 zatečeno, Inter 17, Fraunces 18,
   Jost 17.5); izabran Jost. Geometrijskom sansu treba više leadinga nego
   Interu — otuda 1.85, inače se redovi slepe. */
.entry-content p,
.entry-content li,
.kooi-post-body .entry-content p{
  font-family:"JostVar","Futura","Century Gothic",sans-serif !important;
  font-variation-settings:normal !important;
  font-weight:400 !important;
  font-size:17.5px !important;
  line-height:1.85 !important;
  letter-spacing:0 !important;
}

/* --- 19. Tabele u članku ------------------------------------------------
   NALAZ 2026-09-22: ćelije su bile Source Sans 3 na 20px — VEĆE od pasusa
   (17.5px), dakle obrnuta hijerarhija, i jedini preostali poziv na taj font.
   Uz to tri različita mastila na istoj strani: #20221B (telo),
   rgb(30,30,30) (ćelija), rgb(36,36,36) (zaglavlje). Ujednačeno. */
.entry-content table{
  border-collapse:collapse !important;
  width:100% !important;
  margin:32px 0 !important;
}
.entry-content table th{
  font-family:"JostVar","Futura","Century Gothic",sans-serif !important;
  font-size:11px !important;
  font-weight:400 !important;
  letter-spacing:var(--kooi-letter-wide) !important;
  text-transform:uppercase !important;
  color:var(--kooi-text-muted) !important;
  text-align:left !important;
  padding:0 16px 10px 0 !important;
  border-bottom:1px solid var(--kooi-rule) !important;
}
.entry-content table td{
  font-family:"JostVar","Futura","Century Gothic",sans-serif !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.65 !important;
  letter-spacing:0 !important;
  color:var(--kooi-text-dark) !important;
  padding:14px 16px 14px 0 !important;
  border-bottom:1px solid var(--kooi-rule) !important;
  vertical-align:top !important;
}
.entry-content table tr:last-child td{ border-bottom:0 !important; }

/* --- 20. Zaostaci nađeni merenjem 2026-09-22 ---------------------------- */

/* (a) Red „Updated · <datum>" nosio je maslinasto rgb(98,105,77) — jedina
   boja na strani, u paleti koja je izričito BEZ boje. Ide u muted sivu,
   isti registar kao potpis ispod slike i citat. */
.kooi-post-updated,
.entry-content > p:first-child:has(+ *) [class*="updated"],
.kooi-updated-line{ color:var(--kooi-text-muted) !important; }

/* (b) Zaglavlje: Woodmart alatke (`Menu`, `Login / Register`, valuta) bile su
   jedini preostali poziv na Lato. Prelaze na Jost — isti rez kao navigacija. */
.wd-tools-text,
.wd-tools-element,
.woocommerce-Price-currencySymbol,
.wd-header-nav .nav-link-text{
  font-family:"JostVar","Futura","Century Gothic",sans-serif !important;
}

/* (c) Članci nose SOPSTVENI <style> blok za tabele u post_content
   („Table defaults for responsive…"). Naša sekcija 19 ga nadjačava zbog
   !important, ali to je sadržaj koji zida CSS u tekst — isti anti-pattern
   kao nekadašnji page-about-us.php. Za čišćenje u bazi, zaseban posao. */

/* --- 21. Blokovi zazidani inline stilovima u sadržaju (nalaz 2026-09-22) -
   „Updated · <datum>" kutija u postu 30508 nosi inline stilove:
     div  background:#F4F0E6 · border-left:4px solid #B58A4C
     p    color:#62694D · font-weight:600
   Tri boje van palete, u paleti koja je BEZ boje. Inline stil tuče
   stylesheet, pa se hvata atributskim selektorom i !important-om.
   Ovo je SANACIJA PRIKAZA — pravo rešenje je čišćenje post_content-a
   u bazi (produkcijski posao, zaseban). Vezano: isti anti-pattern kao
   <style> blok za tabele u istom članku (sekcija 20c). */
.entry-content div[style*="F4F0E6"],
.entry-content div[style*="f4f0e6"]{
  background:var(--kooi-bg-white) !important;
  border-left:1px solid var(--kooi-rule) !important;
  border-radius:0 !important;
  padding:4px 0 4px 24px !important;
}
.entry-content p[style*="62694D"],
.entry-content p[style*="62694d"]{
  color:var(--kooi-text-muted) !important;
  font-weight:400 !important;
  font-family:"JostVar","Futura","Century Gothic",sans-serif !important;
}
.entry-content [style*="B58A4C"],
.entry-content [style*="b58a4c"]{ border-color:var(--kooi-rule) !important; }

/* ==========================================================================
   22. NOVA TIPOGRAFSKA SKALA — tipografska kapija 2026-09-22
   Dijagnoza: stara skala 19/24/30/41 imala je skoro konstantan odnos
   (1.26/1.25/1.37). Konstantan odnos = gradijent, ne hijerarhija — oko grupiše
   po RAZLIKAMA u razmaku, pa kad su svi jednaki ništa se ne izdvaja. To je
   tehnički uzrok reči „flat".
   Nova skala ima NAMERNO nejednake pragove: 19 -> 22 (1.10) -> 32 (1.45)
   -> 56 (1.75). Dva zbijena registra i jedan veliki skok = dve grupe za oko.
   Telo ostaje JOST (Boškova odluka), ali ide na 19px: Jost x/em = 0.460,
   pa 17.5px daje x-visinu 8.05px — ispod editorijalnog pojasa 8.6–9.4.
   Na 19px x = 8.74 (u pojasu), a i dalje 16% optički sitnije od Intera 19.
   ========================================================================== */

:root{
  /* Tonska lestvica — L* 13 / 25 / 50, dva perceptivno jednaka koraka.
     Naslovi zadržavaju puno mastilo, TELO se spušta. U štampi je telo
     optički svetlije jer je mreža tankih poteza; na ekranu se to mora
     odglumiti. Dok je težina naslova 400, ton je glavna poluga. */
  --kooi-ink:#20221B;
  --kooi-text:#3A3C35;
  --kooi-measure:600px;

  /* Fraunces ose — SOFT je bio postavljen NAOPAKO: rastao je sa veličinom.
     SOFT zaobljava terminale: na sitnom pomaže rasteru, na displeju briše
     oštrinu koja serifu daje autoritet. Pravilo: opsz prati px (ili 20–30%
     iznad), SOFT ide OBRNUTO od veličine, WONK samo u display registru. */
  --fr-display:"opsz" 72,"WONK" 1,"SOFT" 20;
  --fr-mid:"opsz" 36,"WONK" 1,"SOFT" 30;
  --fr-sub:"opsz" 24,"WONK" 0,"SOFT" 45;
  --fr-small:"opsz" 14,"WONK" 0,"SOFT" 60;
}

/* --- h1 ---------------------------------------------------------------- */
.kooi-hero__title, .single .entry-title, article h1{
  font-family:var(--kooi-heading-font) !important;
  font-variation-settings:var(--fr-display) !important;
  font-size:clamp(2.125rem,6.2vw,3.5rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.02em !important;
  color:var(--kooi-ink) !important;
}
/* opsz mora da prati breakpoint: 72 na 34px istanji hairline do nestajanja */
@media (max-width:720px){
  .kooi-hero__title, .single .entry-title, article h1{
    font-variation-settings:"opsz" 40,"WONK" 1,"SOFT" 35 !important;
  }
}

/* --- h2: prag skale (1.45) + hairline IZNAD ----------------------------
   Naslov pripada onome ispod sebe samo ako je razmak iznad bar 3x veći od
   razmaka ispod. Linija je akcenat koji paleta dozvoljava — debljina, ne boja. */
.kooi-post-body .entry-content h2, .entry-content h2{
  font-family:var(--kooi-heading-font) !important;
  font-variation-settings:var(--fr-mid) !important;
  font-size:clamp(1.5625rem,3.2vw,2rem) !important;
  line-height:1.16 !important;
  letter-spacing:-.012em !important;
  color:var(--kooi-ink) !important;
  border-top:1px solid var(--kooi-rule) !important;
  padding-top:18px !important;
  margin-top:62px !important;
  margin-bottom:16px !important;
}

/* --- h3: WONK izlazi (potpis na svakom nivou je šum, ne potpis) --------- */
.kooi-post-body .entry-content h3, .entry-content h3{
  font-family:var(--kooi-heading-font) !important;
  font-variation-settings:var(--fr-sub) !important;
  font-size:1.375rem !important;
  line-height:1.27 !important;
  letter-spacing:-.006em !important;
  color:var(--kooi-ink) !important;
  margin-top:40px !important;
  margin-bottom:10px !important;
}

/* --- h4 nije naslov nego OZNAKA — razlikuje se kategorijom, ne težinom -- */
.kooi-post-body .entry-content h4, .entry-content h4{
  font-family:"JostVar","Futura","Century Gothic",sans-serif !important;
  font-variation-settings:"wght" 500 !important;
  font-weight:500 !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--kooi-ink) !important;
  border-top:1px solid var(--kooi-rule) !important;
  padding-top:14px !important;
  margin-top:36px !important;
  margin-bottom:10px !important;
}

/* --- telo: Jost 19px, spušteno u ton --------------------------------- */
.kooi-post-body .entry-content p, .entry-content p,
.kooi-post-body .entry-content li, .entry-content li{
  font-family:"JostVar","Futura","Century Gothic",sans-serif !important;
  font-variation-settings:"wght" 400 !important;
  font-weight:400 !important;
  font-size:19px !important;
  line-height:1.65 !important;
  letter-spacing:0 !important;
  color:var(--kooi-text) !important;
}
.entry-content li{ line-height:1.50 !important; margin-bottom:10px !important; }
.kooi-post-body .entry-content{ max-width:var(--kooi-measure) !important; }

/* --- bold prestaje da bude TEŽINSKI i postaje TONSKI događaj -----------
   ZAMKA: font-variation-settings bez "wght" gasi font-weight u celosti.
   Zato oba reda, uvek. Dok su naslovi na 400, ništa u telu ne sme preko 500. */
.kooi-post-body .entry-content strong, .entry-content strong,
.kooi-post-body .entry-content b, .entry-content b{
  font-variation-settings:"wght" 500 !important;
  font-weight:500 !important;
  color:var(--kooi-ink) !important;
}

/* --- citat: bio 22px pa optički nadjačavao h3 na 24 (inverzija) -------- */
.entry-content blockquote, .entry-content blockquote p{
  font-family:var(--kooi-heading-font) !important;
  font-variation-settings:var(--fr-mid) !important;
  font-size:1.75rem !important;
  line-height:1.28 !important;
  letter-spacing:-.010em !important;
  color:var(--kooi-ink) !important;
}
.entry-content blockquote cite,
.entry-content figcaption{
  font-family:"JostVar","Futura","Century Gothic",sans-serif !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
  line-height:1.4 !important;
  color:var(--kooi-text-muted) !important;
  font-style:normal !important;
}
.entry-content blockquote cite{ text-transform:uppercase !important; }

/* --- navigacija: 500, jer je jedina koja sme biti teža od tela --------- */
.whb-main-header .nav-link-text, .wd-nav .nav-link-text{
  font-variation-settings:"wght" 500 !important;
  font-weight:500 !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  color:var(--kooi-ink) !important;
}

/* --- naslovi kartica: opsz 9 na 20px je davao monolinijski, "slab" rez -- */
.wd-product .wd-entities-title, .kooi-cat-card__title, .wd-post-title{
  font-variation-settings:var(--fr-sub) !important;
}

/* --- 23. Korekcije posle merenja rasporeda (2026-09-22) -----------------
   (a) h1 na 56px je u hero koloni od 720px davao ŠEST redova. Editorijalni
       naslov traži 2–4. Ekspertova vrednost je računala punu meru, a hero je
       podela 720/720. Plafon spušten na 48px.
   (b) Mera. ISPRAVKA sopstvenog merenja: prvo sam brojao redove preko
       Range.getClientRects() i dobio 0.667em po znaku — artefakt, rects ne
       odgovaraju redovima 1:1. Merenje kanvasom (ctx.measureText nad
       referentnim stringom) daje 0.437em, dakle Jost je UŽI od Intera
       (0.487em), ne širi. Na 680px to je 82 znaka po redu — daleko iznad
       pojasa 60–70. Mera ide na ~545px stvarno = 65 znakova. */
:root{ --kooi-measure:575px; }   /* 30px pojede padding -> ~545 stvarno */

.kooi-hero__title, .single .entry-title, article h1{
  font-size:clamp(2.125rem,5vw,3rem) !important;
}

/* ==========================================================================
   24. TELO = SOURCE SERIF + TEŽINA NA NASLOVIMA (Boško, 2026-09-22)
   Dve odluke iz poređenja Jost/Source Serif:
   (a) telo ide na Source Serif — presudio PRAVI kurziv (-12°, zaseban rez);
       Jost nema kurzivni fajl pa je svaki <em> bio sintetički nagib.
   (b) naslovi dobijaju težinu. Fraunces je vraćen sa `wght` osom 400–600
       (58 -> 99 KB), pošto tonski kontrast sam nije bio dovoljan.
   Source Serif subsetovan na latinicu: 97/38/101 -> 19/18/20 KB.
   x/em 0.4750 -> na 19px x-visina 9.03px, u editorijalnom pojasu 8.6–9.4.
   ========================================================================== */

@font-face{font-family:"SourceSerif";
  src:url("/wp-content/themes/kooihaus-magazine/fonts/SourceSerif-Regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SourceSerif";
  src:url("/wp-content/themes/kooihaus-magazine/fonts/SourceSerif-Italic.woff2") format("woff2");
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"SourceSerif";
  src:url("/wp-content/themes/kooihaus-magazine/fonts/SourceSerif-Semibold.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap}

:root{ --kooi-serif-font:"SourceSerif",Georgia,"Times New Roman",serif; }

/* --- telo članka --------------------------------------------------------- */
.kooi-post-body .entry-content p, .entry-content p,
.kooi-post-body .entry-content li, .entry-content li{
  font-family:var(--kooi-serif-font) !important;
  font-variation-settings:normal !important;
  font-weight:400 !important;
  font-size:19px !important;
  line-height:1.65 !important;
  letter-spacing:0 !important;
  color:var(--kooi-text) !important;
}
.entry-content li{ line-height:1.52 !important; }

/* Kurziv je sada PRAVI rez — bez sintetičkog skošenja */
.entry-content em, .entry-content i, .entry-content cite{
  font-family:var(--kooi-serif-font) !important;
  font-style:italic !important;
  font-synthesis:none !important;
}

/* Bold je pravi Semibold + puno mastilo dok je telo spušteno */
.kooi-post-body .entry-content strong, .entry-content strong,
.kooi-post-body .entry-content b, .entry-content b{
  font-family:var(--kooi-serif-font) !important;
  font-variation-settings:normal !important;
  font-weight:600 !important;
  color:var(--kooi-ink) !important;
  font-synthesis:none !important;
}

/* --- težina na naslovima ------------------------------------------------
   Optičko pravilo: veća veličina traži MANJE težine. h1 već nosi masu
   veličinom, pa mu 500 stiže; h2 i h3 su sitniji i traže 600. */
.kooi-hero__title, .single .entry-title, article h1{
  font-variation-settings:"opsz" 72,"WONK" 1,"SOFT" 20,"wght" 500 !important;
  font-weight:500 !important;
}
@media (max-width:720px){
  .kooi-hero__title, .single .entry-title, article h1{
    font-variation-settings:"opsz" 40,"WONK" 1,"SOFT" 35,"wght" 500 !important;
  }
}
.kooi-post-body .entry-content h2, .entry-content h2{
  font-variation-settings:"opsz" 36,"WONK" 1,"SOFT" 30,"wght" 600 !important;
  font-weight:600 !important;
}
.kooi-post-body .entry-content h3, .entry-content h3{
  font-variation-settings:"opsz" 24,"WONK" 0,"SOFT" 45,"wght" 600 !important;
  font-weight:600 !important;
}
.entry-content blockquote, .entry-content blockquote p{
  font-family:var(--kooi-heading-font) !important;
  font-variation-settings:"opsz" 36,"WONK" 1,"SOFT" 30,"wght" 500 !important;
  font-weight:500 !important;
}

/* --- 25. Inter izlazi sa sajta (2026-09-22) -----------------------------
   Sa Source Serifom u telu članka Inter nema nijednu preostalu ulogu, ali
   ga je 133 elementa i dalje vuklo kroz token --kooi-body-font (skip-linkovi,
   traka iznad zaglavlja, podmeniji). Token se prevezuje na Jost; time sans
   uloge na celom sajtu nosi jedan rez. Tri familije ukupno:
   Fraunces (displej) · Source Serif (telo članka) · Jost (sve sans). */
:root{
  --kooi-body-font:"JostVar","Futura","Century Gothic",sans-serif;
  --kooi-label-font:"JostVar","Futura","Century Gothic",sans-serif;
}

/* ==========================================================================
   26. PODNOŽJE — jedini deo koji noćni rad 18.08 nije prošao
   Zatečeno merenjem: podnožje je bilo NAJGLASNIJI preostali dućan na sajtu.
   Kolona „DISCOVER kōōi" (#nav_menu-17) = Shop / My Account / My Cart /
   Wishlist / Compare Products / Checkout, plus traka platnih kartica kao
   slika 586x145 (Visa, Mastercard, Amex, PayPal, Klarna, Afterpay, Affirm,
   Apple Pay, Google Pay) — na sajtu koji ne prodaje.
   NAPOMENA: traka „AS SEEN IN" se NE dira — Boškova izričita odluka 18.08.
   ========================================================================== */

/* --- podloga: siva #F9F9F9 -> bela sa hairline linijom ------------------ */
.wd-footer, .footer-container{
  background:var(--kooi-bg-white) !important;
  border-top:1px solid var(--kooi-rule) !important;
}
.wd-footer .main-footer{ padding-top:56px !important; }

/* --- prodajna kolona izlazi -------------------------------------------- */
#nav_menu-17{ display:none !important; }

/* --- traka platnih kartica izlazi -------------------------------------- */
.wd-copyrights img[src*="secure_payment"],
.wd-copyrights .wd-col-end img{ display:none !important; }

/* --- naslovi kolona: isti registar kao rubrike ------------------------- */
.wd-footer .widget-title, .wd-footer .widgettitle{
  font-family:var(--kooi-label-font) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:var(--kooi-letter-wide) !important;
  text-transform:uppercase !important;
  color:var(--kooi-text-muted) !important;
  margin-bottom:18px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid var(--kooi-rule) !important;
}

/* --- linkovi u kolonama ------------------------------------------------- */
.wd-footer .footer-widget a{
  font-family:var(--kooi-body-font) !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:var(--kooi-text) !important;
  line-height:2.0 !important;
}
.wd-footer .footer-widget a:hover{ color:var(--kooi-ink) !important; }

/* --- „Recent Posts": naslov da, brojač komentara NE ---------------------
   Broj komentara je metrika dućana, ne uredništva. Datum je bio
   rgb(187,187,187) = kontrast 1.9:1, pada i AA i zdrav razum. */
.wd-footer .recent-posts-comment{ display:none !important; }
.wd-footer .recent-posts-time{
  font-family:var(--kooi-label-font) !important;
  font-size:11px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--kooi-text-muted) !important;
}
.wd-footer .woodmart-recent-posts .recent-posts-list a{
  font-family:var(--kooi-heading-font) !important;
  font-variation-settings:"opsz" 14,"WONK" 0,"SOFT" 60,"wght" 400 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  color:var(--kooi-ink) !important;
}

/* --- Strongweb potpis: žuti logo u paleti bez boje ---------------------
   Ne uklanja se (dofollow link ka strongweb.net je Boškova odluka 07.08),
   nego se svodi na sivo i vraća u boju na hover. */
/* 2026-09-26: stari kombinovani žuti znak zamenjen novim Strongweb script
   logom u crnoj (Boško) — sivljenje ukinuto; pravilo ostaje zakomentarisano
   kao zapis. */
/* .wd-footer img[src*="strongweb"]{ filter:grayscale(1); opacity:.55; } */

/* --- donji red -------------------------------------------------------- */
.wd-copyrights{
  border-top:1px solid var(--kooi-rule) !important;
  padding:22px 0 !important;
  background:var(--kooi-bg-white) !important;
}
.wd-copyrights small, .wd-copyrights a{
  font-family:var(--kooi-label-font) !important;
  font-size:11px !important;
  font-weight:400 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--kooi-text-muted) !important;
}
.wd-copyrights strong{ font-weight:400 !important; }
.wd-copyrights a:hover{ color:var(--kooi-ink) !important; }

/* ==========================================================================
   27. MOBILNI PROLAZ (375px) — 2026-09-22
   Provereno uživo: NEMA horizontalnog prelivanja (scrollWidth == innerWidth).
   h1 pada na 34px/500, h2 na 25px/600 — oba ispravno kroz clamp.
   Telo: 18px + 16px bočnog razmaka = 35 znakova po redu, x-visina 8.55px.
   ISPRAVKA sopstvene beleške: prvo sam napisao da je mobilni pojas 38–45 i
   da je 37 ispod njega — to je bila moja izmišljotina. Uobičajena preporuka
   za telefon je 30–40 znakova (NYT mobilni vozi ~34–38), pa je i 37 i 35
   unutar pojasa. 18px je zadržan zbog x-visine, ne zbog broja znakova.
   ========================================================================== */
@media (max-width:720px){
  .kooi-post-body .entry-content p, .entry-content p,
  .kooi-post-body .entry-content li, .entry-content li{
    font-size:18px !important;
    line-height:1.62 !important;
  }
  .kooi-post-body .entry-content{
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  /* naslovi: manje vazduha nego na desktopu, linija ostaje */
  .kooi-post-body .entry-content h2, .entry-content h2{
    margin-top:44px !important; padding-top:14px !important; margin-bottom:12px !important;
  }
  .kooi-post-body .entry-content h3, .entry-content h3{
    margin-top:30px !important; margin-bottom:8px !important;
  }
  /* tabele: na 375px ne stanu u mrežu, idu u vodoravni skrol sa naznakom */
  .entry-content table{ display:block !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }
  .entry-content table td{ min-width:120px !important; }
  /* podnožje: kolone jedna ispod druge, razmak umesto linija */
  .wd-footer .footer-widget{ margin-bottom:34px !important; }
}

/* --- 28. Tonska lestvica važi i za pomoćnu hromu (2026-09-22) -----------
   Merenje naslovne dalo ŠEST mastila umesto tri. Sva tri viška su na
   pomoćnim elementima, ne na sadržaju: skip-linkovi za pristupačnost
   rgb(62,62,62), oznake `Menu`/`Close` u mobilnom panelu rgb(51,51,51),
   naslov off-canvas korpe rgb(36,36,36). Šest elemenata ukupno — mali
   obim, ali kanon tvrdi tri mastila i to mora da bude merljivo tačno. */
.wd-skip-navigation, .wd-skip-content,
.wd-tools-text, .wd-action-text,
.cart-widget-side .title, .wd-heading .title,
.close-side-widget{
  color:var(--kooi-ink) !important;
}

/* --- 29. Kontejner članka, ne samo pasusi (nalaz kapije 2026-09-22) -----
   `.entry-content` je SAM nosio „Source Sans 3 LOCAL" i nasleđivalo ga je
   48 strukturnih potomaka (figure, img, table, ul, ol, tr) — dovoljno da
   pregledač povuče fajl sa produkcije. Pravila iz sekcije 24 gađala su `p`
   i `li`, ne kontejner. Ovo je poslednji poziv na taj rez na sajtu.
   Takođe: font-synthesis na CELOM telu, ne samo na em/strong — DESIGN-SITE
   §4 t.3 je tvrdio više nego što je kod radio. */
.entry-content, .kooi-post-body .entry-content,
.wc-tab-inner, .woocommerce-Tabs-panel{
  font-family:var(--kooi-serif-font) !important;
  font-synthesis:none !important;
}

/* ==========================================================================
   30. Boškove primedbe sa žive produkcije, 2026-09-22 (posle prenosa)
   ========================================================================== */

/* --- (a) PRORED: bio prevelik svuda -------------------------------------
   Izmereno na produkciji: linkovi u podnožju 15px/30px = leading 2.0.
   To je bila moja vrednost iz sekcije 26 i previše je razmaknuta —
   kolone se čitaju kao spisak, ne kao lista. Svuda na 1.55–1.6. */
.wd-footer .footer-widget a,
.wd-footer .footer-widget li{
  line-height:1.6 !important;
}
.wd-footer .footer-widget li{ margin-bottom:2px !important; }

/* naslovi tekstova u „Recent Posts" — troredni naslov sa leadingom 1.35
   pravi previše vazduha u uskoj koloni */
.wd-footer .woodmart-recent-posts .recent-posts-list a,
.wd-footer .recent-posts-list .wd-entities-title a{
  line-height:1.25 !important;
}
.wd-footer .recent-posts-list li{ margin-bottom:18px !important; }

/* stavke menija u zaglavlju i podmenijima */
.whb-main-header .nav-link-text,
.wd-nav .nav-link-text,
.wd-sub-menu li,
.wd-sub-menu .nav-link-text{
  line-height:1.4 !important;
}
.wd-sub-menu li{ margin-bottom:0 !important; }

/* naslovi kartica u listingu — isti razlog */
.wd-post-title, .wd-entities-title{ line-height:1.25 !important; }

/* --- (b) Zeleno ACCEPT dugme u cookie traci -----------------------------
   Bilo rgb(121,179,137) = #79B389, poslednja prodajna hroma na sajtu
   u paleti koja je BEZ boje. */
.cookies-accept-btn,
.btn.btn-accent.cookies-accept-btn,
.wd-cookies-inner .btn-accent{
  background-color:var(--kooi-ink) !important;
  border-color:var(--kooi-ink) !important;
  color:var(--kooi-bg-white) !important;
  box-shadow:none !important;
  font-family:var(--kooi-label-font) !important;
  font-size:11px !important;
  letter-spacing:var(--kooi-letter-wide) !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
}
.cookies-accept-btn:hover{ background-color:#000 !important; border-color:#000 !important; }
.wd-cookies-inner, .wd-cookies-popup{
  font-family:var(--kooi-body-font) !important;
  background:var(--kooi-bg-white) !important;
  border-top:1px solid var(--kooi-rule) !important;
}
.cookies-more-btn{ color:var(--kooi-text-muted) !important; }

/* --- (c) Prazan newsletter blok ----------------------------------------
   NALAZ: `.kooi-newsletter` ima tvrdo `min-height:560px` — rezervaciju za
   Klaviyo formu (sprečavanje CLS). Klaviyo plugin je na produkciji
   INACTIVE, pa se forma nikad ne iscrta i ostaje 560px bež praznine.
   Ovo NIJE posledica prebacivanja teme — isti kontejner stoji i u
   `woodmart-child/front-page.php`.
   Rešenje je samo-lečivo: blok se sklanja SAMO ako je forma prazna.
   Čim se Klaviyo aktivira i forma popuni, blok se vraća bez izmene koda. */
.kooi-newsletter:has(.klaviyo-form-XfgHC9:empty):has(.klaviyo-form-VCKkm7:empty){
  display:none !important;
}
/* fallback za pregledače bez :has() — samo skida rezervaciju visine */
.kooi-newsletter{ min-height:0 !important; }

/* --- 31. Mobilna fioka: poslednji dućan na sajtu (Fable kapija 2026-09-22) -
   Desktop je bio čist, a mobilni — gde dolazi većina saobraćaja — otvarao je
   Woodmart fioku sa pretragom proizvoda, tabom CATEGORIES i stavkama
   WISHLIST / COMPARE / LOGIN-REGISTER. Sve što redizajn gasi svuda drugde.
   Nađeno tek kad je kapija otvorila hamburger — merenje desktop viewporta
   to ne vidi, a `scrollWidth === innerWidth` je bio tačan ali nepotpun nalaz. */

/* pretraga proizvoda na vrhu fioke */
.mobile-nav .wd-search-form,
.wd-side-hidden-nav .wd-search-form{ display:none !important; }

/* tab CATEGORIES (katalog proizvoda) — ostaje samo MENU */
.wd-nav-mob-tab .mobile-categories-title{ display:none !important; }
.wd-nav-mob-tab{ border-bottom:1px solid var(--kooi-rule) !important; }
.wd-nav-mob-tab .mobile-tab-title a{
  font-family:var(--kooi-label-font) !important;
  font-size:11px !important;
  letter-spacing:var(--kooi-letter-wide) !important;
  text-transform:uppercase !important;
  color:var(--kooi-text-muted) !important;
}

/* lista želja, poređenje, nalog */
.mobile-pages-menu .menu-item-wishlist,
.mobile-pages-menu .menu-item-compare,
.mobile-pages-menu .menu-item-account,
.mobile-pages-menu .login-side-opener{ display:none !important; }

/* rubrike u fioci: isti registar kao navigacija */
.mobile-nav .wd-nav .nav-link-text,
.mobile-nav .woodmart-nav-link{
  font-family:var(--kooi-label-font) !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--kooi-ink) !important;
}

/* --- 32. Podnožje: prazna kolona i newsletter (2026-09-22, Boškov nalaz) ----
   (a) `#nav_menu-17` (DISCOVER kōōi) je ugašen u sekciji 26, ali njegov
       KONTEJNER `.footer-column-4` i dalje zauzima 254px — otud rupa u mreži.
       Gasi se cela kolona, ostale se same preslažu. */
.footer-sidebar .footer-column-4{ display:none !important; }

/* (b) Sopstveni newsletter modul (`mu-plugins/kooi-newsletter-signup.php`)
   nosi staru earth paletu i sistemske fontove: mesing #B58A4C na nadnaslovu,
   Helvetica, Georgia kurziv, topli #6E6857 i okvir #E4DECF. Modul se NE dira —
   poravnava se ovde, pa ostaje netaknut za buduće izmene. */
.kooi-signup{
  border:1px solid var(--kooi-rule) !important;
  max-width:var(--kooi-measure) !important;
  background:var(--kooi-bg-white) !important;
}
.kooi-signup__eyebrow{
  font-family:var(--kooi-label-font) !important;
  font-weight:500 !important;
  font-size:11px !important;
  letter-spacing:var(--kooi-letter-wide) !important;
  color:var(--kooi-text-muted) !important;
}
.kooi-signup__title{
  font-family:var(--kooi-heading-font) !important;
  font-variation-settings:"opsz" 36,"WONK" 1,"SOFT" 30,"wght" 500 !important;
  font-style:normal !important;          /* Fraunces nema kurziv — bio bi sintetički */
  font-weight:500 !important;
  font-size:30px !important;
  line-height:1.16 !important;
  letter-spacing:-.012em !important;
  color:var(--kooi-ink) !important;
}
.kooi-signup__sub{
  font-family:var(--kooi-serif-font) !important;
  font-size:17px !important;
  line-height:1.6 !important;
  color:var(--kooi-text) !important;
}
.kooi-signup__fine{
  font-family:var(--kooi-label-font) !important;
  font-size:11px !important;
  letter-spacing:.06em !important;
  color:var(--kooi-text-muted) !important;
}
.kooi-signup input[type="email"]{
  background:var(--kooi-bg-white) !important;   /* bilo krem rgb(251,249,243) */
  font-family:var(--kooi-body-font) !important;
  font-size:15px !important;
  border:1px solid var(--kooi-rule) !important;
  border-radius:0 !important;
  color:var(--kooi-ink) !important;
}
.kooi-signup button, .kooi-signup input[type="submit"]{
  font-family:var(--kooi-label-font) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:var(--kooi-letter-wide) !important;
  text-transform:uppercase !important;
  background:var(--kooi-ink) !important;
  border:1px solid var(--kooi-ink) !important;
  color:var(--kooi-bg-white) !important;
  border-radius:0 !important;
}
/* na naslovnoj forma stoji u punoj širini sekcije, sa vazduhom.
   Traka je nasleđivala bež `rgb(240,237,232)` iz starog Klaviyo bloka —
   jedina preostala boja na naslovnoj. */
.kooi-newsletter--home{
  padding:56px 16px 72px !important;
  min-height:0 !important;
  background:var(--kooi-bg-white) !important;
  border-top:1px solid var(--kooi-rule) !important;
}
.kooi-newsletter--home .kooi-signup{ margin:0 auto !important; }

/* --- 33. Šira kolona članka (Boškov nalaz na 1600px, 2026-09-22) ---------
   Zatečeno: 545px / 19px = 63 znaka po redu — pri donjoj ivici pojasa, a na
   velikom ekranu deluje tanko. Mereno kanvasom, pet varijanti:
     600/19 → 70 zn.   620/20 → 68 zn.   660/20 → 73 zn.   680/19 → 79 zn.
   Izabrano 620/20: kolona +14%, x-visina 9.5px, red 68 znakova — gornja
   ivica pojasa. Šire od toga (73–79) je umorno na dužem tekstu.
   Mobilni ostaje 18px — tamo je mera ograničena ekranom, ne izborom. */
:root{ --kooi-measure:650px; }   /* 30px pojede padding -> ~620 stvarno */

.kooi-post-body .entry-content p, .entry-content p,
.kooi-post-body .entry-content li, .entry-content li{
  font-size:20px !important;
  line-height:1.62 !important;
}
@media (max-width:720px){
  .kooi-post-body .entry-content p, .entry-content p,
  .kooi-post-body .entry-content li, .entry-content li{
    font-size:18px !important;
    line-height:1.62 !important;
  }
}

/* --- 34. Naslovna: traka „Latest from the Magazine" (2026-09-25) ---------
   Svrha: posetilac (i kupac plasmana) odmah vidi da magazin živi.
   Šest kartica; pinovani prvi, pa hronologija (functions.php).
   Pravila: h2 sa hairline IZNAD (DESIGN-SITE §4.4), Fraunces --fr-sub na
   naslovima kartica, Jost verzal za rubriku i datum, bez senki i pilula.
   Desktop 3×2 · tablet 2 kolone · mobilni kompaktna lista sa malom sličicom
   (drži traku kratkom, da ne gura rubrike daleko ispod). Bez JS-a. */
.kooi-latest{
  max-width:var(--kooi-container);
  margin:0 auto;
  padding:62px 15px 8px;
}
.kooi-latest__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  border-top:1px solid var(--kooi-rule);
  padding-top:28px;margin-bottom:32px;
}
.kooi-latest__title{
  font-family:var(--kooi-heading-font)!important;
  font-variation-settings:var(--fr-mid);
  font-size:1.875rem;line-height:1.2;font-weight:400;
  letter-spacing:-.012em;text-transform:none!important;
  color:var(--kooi-ink,#20221B);margin:0;
}
.kooi-latest__all{
  font-family:var(--kooi-label-font);
  font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--kooi-ink,#20221B);text-decoration:none;white-space:nowrap;
  border-bottom:1px solid var(--kooi-ink,#20221B);padding-bottom:2px;
}
.kooi-latest__all:hover{opacity:.62;}
.kooi-latest__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:44px 32px;
}
.kooi-latest-card{margin:0;}
.kooi-latest-card__link{display:block;color:inherit;text-decoration:none;}
.kooi-latest-card__media{
  display:block;position:relative;aspect-ratio:3/2;overflow:hidden;
  background:var(--kooi-surface,#F5F5F5);margin-bottom:16px;
}
/* apsolutno, jer procenat visine iz aspect-ratio roditelja ne drži u grid
   ćeliji na mobilnom — položena slika je ostajala 3:2 u kvadratu.
   Specifičnost (0,3,0) jer inline `img[width][height]{height:auto}` (0,2,1)
   inače pobeđuje običnu klasu. */
.kooi-latest .kooi-latest-card__media .kooi-latest-card__img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;display:block;
  transition:opacity .2s ease;
}
.kooi-latest-card__link:hover .kooi-latest-card__img{opacity:.88;}
.kooi-latest-card__body{display:block;}
.kooi-latest-card__cat,
.kooi-latest-card__date{
  display:block;font-family:var(--kooi-label-font);
  font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--kooi-text-muted);line-height:1;
}
.kooi-latest-card__cat{margin-bottom:10px;}
.kooi-latest-card__date{margin-top:12px;letter-spacing:.12em;}
.kooi-latest-card__title{
  font-family:var(--kooi-heading-font)!important;
  font-variation-settings:var(--fr-sub);
  font-size:1.25rem;line-height:1.3;font-weight:400;
  letter-spacing:-.005em;text-transform:none!important;
  color:var(--kooi-ink,#20221B);margin:0;
}
.kooi-latest-card__link:hover .kooi-latest-card__title{
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
@media (max-width:1024px){
  .kooi-latest__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
  .kooi-latest{padding:44px 15px 0;}
  /* mobilni: 4 umesto 6 — traka ostaje kratka; sakrivene lazy slike se ne učitavaju */
  .kooi-latest-card:nth-child(n+5){display:none;}
  .kooi-latest-card:nth-child(4){border-bottom:0;}
  .kooi-latest__head{padding-top:22px;margin-bottom:20px;}
  .kooi-latest__title{font-size:1.5rem;}
  .kooi-latest__grid{grid-template-columns:1fr;gap:0;}
  .kooi-latest-card{border-bottom:1px solid var(--kooi-rule);}
  .kooi-latest-card:last-child{border-bottom:0;}
  .kooi-latest-card__link{
    display:grid;grid-template-columns:112px minmax(0,1fr);
    gap:16px;align-items:start;padding:16px 0;
  }
  .kooi-latest-card__media{margin:0;aspect-ratio:1/1;}
  .kooi-latest-card__cat{margin-bottom:8px;}
  .kooi-latest-card__title{font-size:1.0625rem;line-height:1.3;}
  .kooi-latest-card__date{margin-top:8px;}
}

/* --- 35. Mobilna fioka kao sadržaj magazina (2026-09-25, Boškov nalog) -----
   Zatečeno: siva kartica „MENU", verzalne stavke 12px u kutijama sa
   uspravnom linijom pred strelicom — registar dućana, ne magazina.
   Sada: rubrike u Fraunces displeju (rečenični padež), podrubrike u Source
   Serif, tanke linije bez kutija, oznaka magazina gore i jedna rečenica
   dole. Samo CSS — Woodmart markup i logika otvaranja ostaju netaknuti.
   Fontovi su već učitani na sajtu (Fraunces, Jost, Source Serif Regular);
   kurziv se namerno NE koristi da fioka ne povuče dodatni fajl. */
.mobile-nav.wd-side-hidden{
  width:min(88vw,380px) !important;
  background:var(--kooi-bg-white,#fff) !important;
}
/* siva kartica MENU → ukloniti; umesto nje oznaka magazina */
.mobile-nav .wd-nav-mob-tab{ display:none !important; }
.mobile-nav::before{
  content:"K\014D\014Dihaus \2014  The Magazine";
  display:block;
  padding:34px 28px 18px;
  font-family:var(--kooi-label-font);
  font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--kooi-text-muted);
  border-bottom:1px solid var(--kooi-rule);
}
/* rubrike */
.mobile-nav .mobile-pages-menu{ padding:6px 0 0 !important; }
.mobile-nav .mobile-pages-menu > li{
  border-bottom:1px solid var(--kooi-rule) !important;
  margin:0 28px !important;
  width:auto !important;position:relative;   /* Woodmart daje 100% → izlazi preko ivice */
}
.mobile-nav .mobile-pages-menu > li > a,
.mobile-nav .mobile-pages-menu > li > a.woodmart-nav-link{
  min-height:0 !important;height:auto !important;
  padding:20px 40px 18px 0 !important;
  border:0 !important;background:none !important;
}
.mobile-nav .mobile-pages-menu > li > a .nav-link-text,
.mobile-nav .mobile-pages-menu > li > a.woodmart-nav-link{
  display:inline-block;
  font-family:var(--kooi-heading-font) !important;
  font-variation-settings:var(--fr-mid);
  font-size:26px !important;line-height:1.1 !important;font-weight:400 !important;
  letter-spacing:-.012em !important;
  text-transform:lowercase !important;   /* labele su u bazi VERZALOM */
  color:var(--kooi-ink) !important;
}
.mobile-nav .mobile-pages-menu > li > a .nav-link-text::first-letter{ text-transform:uppercase; }
/* strelica: bez kutije i uspravne linije, tiša */
.mobile-nav .mobile-pages-menu .wd-nav-opener{
  border:0 !important;background:none !important;
  width:44px !important;right:0 !important;
  color:var(--kooi-text-muted) !important;
}
.mobile-nav .mobile-pages-menu .wd-nav-opener::after{ font-size:12px !important; }
/* podrubrike */
.mobile-nav .mobile-pages-menu .wd-sub-menu{
  background:none !important;border:0 !important;
  padding:0 0 18px !important;margin-top:-4px !important;
}
.mobile-nav .mobile-pages-menu .wd-sub-menu li{ border:0 !important; }
.mobile-nav .mobile-pages-menu .wd-sub-menu li a,
.mobile-nav .mobile-pages-menu .wd-sub-menu li a.woodmart-nav-link{
  min-height:0 !important;padding:7px 0 !important;border:0 !important;
  font-family:var(--kooi-serif-font) !important;
  font-size:17px !important;line-height:1.35 !important;font-weight:400 !important;
  letter-spacing:0 !important;text-transform:none !important;
  color:var(--kooi-text) !important;background:none !important;
}
.mobile-nav .mobile-pages-menu .wd-sub-menu li a:hover{ color:var(--kooi-ink) !important; }
/* jedna rečenica dole — ton magazina, ne dugme */
.mobile-nav .mobile-pages-menu::after{
  content:"Rooms, colour and the small decisions that make a space feel considered.";
  display:block;margin:28px 28px 40px;
  font-family:var(--kooi-serif-font);font-size:16px;line-height:1.45;
  color:var(--kooi-text-muted);
}
/* zatamnjenje iza fioke: toplo mastilo umesto sive */
.wd-close-side.wd-close-side-opened{ background:rgba(32,34,27,.42) !important; }

/* --- 36. Podnožje: KŌŌIHAUS + Strongweb u jednom redu (2026-09-26) ---------
   Stari kombinovani Strongweb znak (siv krug sa „kōōi haus") zamenjen:
   na mestu kruga dvoredni KŌŌI/HAUS, pored njega novi Strongweb script logo
   u CRNOJ (isti kao na strongweb.net). Sadržaj živi u footer HTML bloku 818;
   ovde samo raspored. Dofollow link ka strongweb.net netaknut. */
.wd-footer .kooi-footer-brands{ display:flex; align-items:center; gap:20px; margin:4px 0 22px; }
.wd-footer .kooi-footer-mark img{ display:block; width:70px; height:auto; }   /* 88 → 70 (−20%, Boško) */
.wd-footer .kooi-footer-sw img{ display:block; width:150px; height:auto; filter:none !important; opacity:1 !important; }
.wd-footer .kooi-footer-mark:hover, .wd-footer .kooi-footer-sw:hover{ opacity:.72; }

/* --- 37. Podnožje na tabletu (768–1024): mreža 2×2 + margine (2026-09-26) --
   Woodmart daje gornjim kolonama po 6/12, a donjim po 4/12 → redovi se ne
   poravnavaju; kontejner ima samo 15px sa strane (Boškov nalaz na iPadu).
   Sve kolone po 6/12 i 40px sa strane. Inline `--wd-col-md` pobeđuje se
   samo sa !important. */
@media (min-width:768px) and (max-width:1024px){
  .wd-footer .main-footer, .wd-footer .copyrights-wrapper .container{ padding-left:40px !important; padding-right:40px !important; }
  .wd-footer .footer-column{ --wd-col-md:6 !important; }
}