/* Bistra glavca — TEMNA tema (iz ../tech-source.css). */

/* =========================================================================
   Bistra glavca — TEMNA tema (mirna, Apple slog)
   Nezamejen vir; scratchpad/naredi_temo.py iz tega naredi theme-dark.css,
   ki velja samo pod html[data-theme="dark"]. Brez neona, brez gibljivega
   ozadja, brez zarenja — nevtralne temne ploskve, ena umirjena modra.
   ========================================================================= */

html[data-theme="dark"]{
  --bg:#0F0F12;
  --bg-soft:#161619;
  --surface:#1E1E22;
  --surface-2:#26262B;
  --border:rgba(255,255,255,.09);
  --border-str:rgba(255,255,255,.16);

  --text:#F5F5F7;
  --muted:#C4C4CB;

  --brand:#4C9AF0;       /* umirjena modra */
  --brand-2:#7CB6F5;     /* svetlejsa modra (hover, poudarki) */
  --brand-deep:#4C9AF0;
  --accent:#5BC08C;      /* mehka zelena za kljukice */
  --warm:#E0975A;
  --mint:#5BC08C;
  --violet:#8E8FE8;
  --rose:#E8759B;

  --ink:#0B0B0D;
  --sky:#141416;
  --sky-line:rgba(255,255,255,.08);

  --mono:ui-monospace,"SF Mono","JetBrains Mono","Fira Code",Consolas,"Liberation Mono",monospace;
}

/* ---------- podlaga: mirna, enakomerna ---------- */
html[data-theme="dark"]{background:var(--bg)}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] body::before{content:none}
html[data-theme="dark"] body::after{content:none}
html[data-theme="dark"] ::selection{background:rgba(76,154,240,.30);color:#fff}
html[data-theme="dark"] *{scrollbar-color:rgba(255,255,255,.22) transparent}
html[data-theme="dark"] *::-webkit-scrollbar{width:10px;height:10px}
html[data-theme="dark"] *::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:8px}
html[data-theme="dark"] *::-webkit-scrollbar-track{background:transparent}

/* ---------- tipografija ---------- */
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:var(--text);letter-spacing:-.02em}
html[data-theme="dark"] .hl,html[data-theme="dark"] .uline,html[data-theme="dark"] h1 .hl,html[data-theme="dark"] h2 .hl{background:none;-webkit-text-fill-color:currentColor;color:var(--brand)}
html[data-theme="dark"] .uline::after,html[data-theme="dark"] .hl::after{background:var(--brand);opacity:.5}
html[data-theme="dark"] p,html[data-theme="dark"] li,html[data-theme="dark"] td,html[data-theme="dark"] th,html[data-theme="dark"] dd,html[data-theme="dark"] dt,html[data-theme="dark"] blockquote{color:#E2E2E7}
html[data-theme="dark"] .muted,html[data-theme="dark"] .who,html[data-theme="dark"] small,html[data-theme="dark"] figcaption,html[data-theme="dark"] .calc-note,html[data-theme="dark"] .foot-legal,html[data-theme="dark"] .plan .who{color:var(--muted)}
html[data-theme="dark"] .lead,html[data-theme="dark"] .hero p.lead{color:#E2E2E7}
html[data-theme="dark"] .legal p,html[data-theme="dark"] .legal li,html[data-theme="dark"] .legal td,html[data-theme="dark"] .legal th{color:#E2E2E7}
html[data-theme="dark"] strong,html[data-theme="dark"] b{color:var(--text)}
/* mesta s trdo zapisano temno barvo (#3D4F66 / #41536B) v styles.css:
   nekatera imajo ID/visoko specificnost, zato jih premagamo eksplicitno */
html[data-theme="dark"] #situacije .ans,html[data-theme="dark"] #situacije .ans span,html[data-theme="dark"] .strip-inner,html[data-theme="dark"] .strip-inner span,html[data-theme="dark"] .svc-list,html[data-theme="dark"] .reasons,html[data-theme="dark"] .hours-text p,html[data-theme="dark"] .hours-list,html[data-theme="dark"] .case-text p,html[data-theme="dark"] .legal-wrap p,html[data-theme="dark"] .legal-list{color:#E2E2E7}

html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .chip-eyebrow{color:var(--brand-2)}
html[data-theme="dark"] .chip-eyebrow{background:rgba(255,255,255,.05);border:1px solid var(--border)}
html[data-theme="dark"] .eyebrow::before{background:var(--brand)!important}

/* ---------- glava ---------- */
html[data-theme="dark"] header{
  background:rgba(11,11,13,.72);
  -webkit-backdrop-filter:saturate(120%) blur(16px);
  backdrop-filter:saturate(120%) blur(16px);
  border-bottom:1px solid var(--border);
}
html[data-theme="dark"] header.stuck{background:rgba(11,11,13,.86);border-bottom-color:var(--border);box-shadow:0 1px 0 rgba(255,255,255,.03)}
html[data-theme="dark"] .nav-links a{color:var(--muted)}
html[data-theme="dark"] .nav-links a:hover,html[data-theme="dark"] .nav-links a.active{color:var(--text)}
html[data-theme="dark"] .nav-links a.active::after,html[data-theme="dark"] .nav-links a::after{background:var(--brand)}
html[data-theme="dark"] .logo .word b{color:var(--text)}
html[data-theme="dark"] .logo .word b i{color:var(--brand)}
html[data-theme="dark"] .logo .word small{color:var(--muted)}
html[data-theme="dark"] .burger span{background:var(--text)}
html[data-theme="dark"] .mobile-menu{background:rgba(11,11,13,.98);border-color:var(--border)}
html[data-theme="dark"] .mobile-menu a{color:var(--text);border-color:var(--border)}

/* ---------- gumbi ---------- */
html[data-theme="dark"] .btn{border-radius:10px}
html[data-theme="dark"] .btn-primary{background:#2E82E0;color:#fff;border:0;box-shadow:0 1px 2px rgba(0,0,0,.4)}
html[data-theme="dark"] .btn-primary:hover{background:#2470CC;box-shadow:0 2px 8px rgba(0,0,0,.5)}
html[data-theme="dark"] .btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--border-str);color:var(--text)}
html[data-theme="dark"] .btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
html[data-theme="dark"] .cta .btn-ghost{background:rgba(255,255,255,.05);border-color:var(--border-str)}

/* ---------- ploskve ---------- */
html[data-theme="dark"] .card,html[data-theme="dark"] .step,html[data-theme="dark"] .plan,html[data-theme="dark"] .svc,html[data-theme="dark"] .bubble,html[data-theme="dark"] .table-wrap,html[data-theme="dark"] details,html[data-theme="dark"] .calc-box,html[data-theme="dark"] .hours-box,html[data-theme="dark"] .case-facts,html[data-theme="dark"] .row-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .result,html[data-theme="dark"] .band,html[data-theme="dark"] #situacije .bubble,html[data-theme="dark"] #storitve .card,html[data-theme="dark"] #kako .step,html[data-theme="dark"] .plan-hour,html[data-theme="dark"] .teaser,html[data-theme="dark"] .card.teaser{
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:0 1px 2px rgba(0,0,0,.35);
  color:var(--text);
}
html[data-theme="dark"] .card:hover,html[data-theme="dark"] .step:hover,html[data-theme="dark"] .svc:hover,html[data-theme="dark"] .row-card:hover,html[data-theme="dark"] details:hover{
  border-color:var(--border-str);
  box-shadow:0 6px 20px -12px rgba(0,0,0,.6);
}
html[data-theme="dark"] .panel{background:var(--surface)}
html[data-theme="dark"] .panel-bar{background:rgba(255,255,255,.03);border-bottom-color:var(--border)}
html[data-theme="dark"] .ic,html[data-theme="dark"] .ans-ic,html[data-theme="dark"] .svc-head .ic,html[data-theme="dark"] .ticket .ic,html[data-theme="dark"] .t-ic,html[data-theme="dark"] .note-ic,html[data-theme="dark"] .save-ic{
  background:rgba(255,255,255,.06);
  border:1px solid var(--border);
  color:var(--brand);
}
html[data-theme="dark"] .ic-violet{background:rgba(142,143,232,.12);border-color:rgba(142,143,232,.22);color:var(--violet)}
html[data-theme="dark"] .ic-mint{background:rgba(91,192,140,.12);border-color:rgba(91,192,140,.22);color:var(--mint)}
html[data-theme="dark"] .ic-warm{background:rgba(224,151,90,.12);border-color:rgba(224,151,90,.22);color:var(--warm)}

/* tabela */
html[data-theme="dark"] table{color:var(--text)}
html[data-theme="dark"] thead th{background:rgba(255,255,255,.04);color:var(--muted);border-bottom-color:var(--border-str)}
html[data-theme="dark"] th,html[data-theme="dark"] td{border-bottom-color:rgba(255,255,255,.08)}
html[data-theme="dark"] tbody tr:hover{background:rgba(255,255,255,.03)}
html[data-theme="dark"] tbody td:first-child{color:var(--text)}

/* obrazci */
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:rgba(255,255,255,.38)}
html[data-theme="dark"] input:focus,html[data-theme="dark"] textarea:focus,html[data-theme="dark"] select:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px rgba(76,154,240,.18)}
html[data-theme="dark"] label{color:var(--muted)}

/* ---------- sekcije ---------- */
html[data-theme="dark"] .hero{background:transparent}
/* hero::after NAMENOMA brez override -> ista slika/preliv kot v svetli temi */
html[data-theme="dark"] .page-hero{border-bottom:1px solid var(--border)}
html[data-theme="dark"] .page-hero h1{color:var(--text)}
html[data-theme="dark"] #storitve{background:#121215;border-block:1px solid var(--border)}
html[data-theme="dark"] #kako{background:#0F0F12}
html[data-theme="dark"] #kaj-so-ure,html[data-theme="dark"] #primer,html[data-theme="dark"] #razlaga{background:#121215;border-block:1px solid var(--border)}
html[data-theme="dark"] .sec-tint,html[data-theme="dark"] .sec-dots,html[data-theme="dark"] .sec-grid,html[data-theme="dark"] .sec-circuit{
  background:linear-gradient(180deg,transparent,#151519 12%,#151519 88%,transparent)!important;
  border-block:1px solid var(--border);
}
html[data-theme="dark"] #podrobno{background:linear-gradient(180deg,transparent,#151519 12%,#151519 88%,transparent)!important;border-block:0!important}
html[data-theme="dark"] #obrazec{background:#121215!important;border-block:1px solid var(--border)}
html[data-theme="dark"] .strip{background:#121215;border-block:1px solid var(--border)}
html[data-theme="dark"] .band{background:rgba(255,255,255,.02)}
html[data-theme="dark"] .claim{background:#151519;color:var(--text);border-block:1px solid var(--border)}
html[data-theme="dark"] .cta,html[data-theme="dark"] .cta.split{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,.35)}
html[data-theme="dark"] #paketi-teaser{background:#0F0F12;border-block:1px solid var(--border)}
html[data-theme="dark"] .calc-sec{background:#0F0F12}
html[data-theme="dark"] .sec-photo::before{background:rgba(11,11,13,.72)}
html[data-theme="dark"] .sec-mark::before{opacity:.04}

/* noga */
html[data-theme="dark"] footer{background:#0B0B0D;border-top:1px solid var(--border);color:var(--muted)}
html[data-theme="dark"] footer h3{color:var(--text)!important}
html[data-theme="dark"] footer a{color:var(--muted)}
html[data-theme="dark"] footer a:hover{color:var(--text)}
html[data-theme="dark"] footer p{color:var(--muted)}

/* ---------- paketi ---------- */
html[data-theme="dark"] .plan.featured{
  border:1px solid rgba(76,154,240,.45);
  background:var(--surface);
  box-shadow:0 8px 30px -18px rgba(76,154,240,.45);
}
html[data-theme="dark"] .plan h3{color:var(--brand-2)}
html[data-theme="dark"] .price b{background:none;-webkit-text-fill-color:currentColor;color:var(--text)}
html[data-theme="dark"] .price span{color:var(--muted)}
html[data-theme="dark"] .plan-users{color:var(--brand-2)}
html[data-theme="dark"] .plan li{color:#E2E2E7}
html[data-theme="dark"] .plan li::before{color:var(--accent)}
html[data-theme="dark"] .plan li.obseg::before{color:var(--brand)}
html[data-theme="dark"] .plan-hour{background:var(--surface);border-color:var(--border-str)}
html[data-theme="dark"] .plan-hour h3{color:var(--brand-2)}
html[data-theme="dark"] .badge{background:#2E82E0;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4)}

/* ---------- izracun ---------- */
html[data-theme="dark"] .calc-box{background:var(--surface)}
html[data-theme="dark"] .result{background:var(--surface-2);border:1px solid var(--border-str);box-shadow:0 8px 30px -20px rgba(0,0,0,.7)}
html[data-theme="dark"] .result .plan-name{background:none;-webkit-text-fill-color:currentColor;color:var(--text)}
html[data-theme="dark"] .result .plan-price,html[data-theme="dark"] .calc-mini-cena{color:var(--text)}
html[data-theme="dark"] .reasons li{color:#E2E2E7}
html[data-theme="dark"] .reasons li::before,html[data-theme="dark"] .res-top .lab{color:var(--brand)}
html[data-theme="dark"] .track{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .fill.own{background:rgba(224,151,90,.5)}
html[data-theme="dark"] .fill.us{background:var(--brand)}
html[data-theme="dark"] .saving b,html[data-theme="dark"] #saveVal{background:none;-webkit-text-fill-color:currentColor;color:var(--accent)}
html[data-theme="dark"] .toggle{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text)}
html[data-theme="dark"] .toggle:has(input:checked){border-color:rgba(76,154,240,.45);background:rgba(76,154,240,.08)}
html[data-theme="dark"] .toggle .sw{background:rgba(255,255,255,.14)}
html[data-theme="dark"] .toggle input:checked + .sw{background:var(--brand)}
html[data-theme="dark"] .toggle .sw::after{background:#fff}
html[data-theme="dark"] .t-txt{color:var(--text)}
html[data-theme="dark"] input[type=range]{background:rgba(255,255,255,.1)}
html[data-theme="dark"] input[type=range]::-webkit-slider-thumb{background:#fff;border-color:var(--brand)}
html[data-theme="dark"] input[type=range]::-moz-range-thumb{background:#fff;border-color:var(--brand)}
html[data-theme="dark"] .ticks span{color:var(--muted)}
html[data-theme="dark"] .calc-mini{background:rgba(76,154,240,.08);border:1px solid rgba(76,154,240,.2)}
html[data-theme="dark"] .calc-mini-lab{color:var(--brand-2)}
html[data-theme="dark"] .calc-note{color:var(--muted)}

/* ---------- terminal ---------- */
html[data-theme="dark"] .term,html[data-theme="dark"] .term-body,html[data-theme="dark"] .terminal{background:#111114;border-color:var(--border)}
html[data-theme="dark"] .term-sec{background:#0F0F12}
html[data-theme="dark"] .term b,html[data-theme="dark"] .term .ok,html[data-theme="dark"] .term-line b{color:#7FC99B}
html[data-theme="dark"] .term,html[data-theme="dark"] .term *,html[data-theme="dark"] .mono{font-family:var(--mono)}

/* ---------- pomocnik in nalagalni zaslon ---------- */
html[data-theme="dark"] .bg-fab,html[data-theme="dark"] .chat-fab,html[data-theme="dark"] .ask-fab{box-shadow:0 8px 26px -12px rgba(0,0,0,.7)}
html[data-theme="dark"] .boot{background:#0F0F12}
html[data-theme="dark"] .boot-word b{color:var(--text)}
html[data-theme="dark"] .boot-bar span{background:var(--brand)}

/* ---------- pasica za piskotke ---------- */
html[data-theme="dark"] .cookie,html[data-theme="dark"] .cookie-bar,html[data-theme="dark"] #bg-cookie{
  background:rgba(20,20,22,.96);border:1px solid var(--border);color:var(--text);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}

/* ---------- drobne poteze ---------- */
html[data-theme="dark"] details summary{color:var(--text)}
html[data-theme="dark"] details[open]{border-color:var(--border-str)}
html[data-theme="dark"] .legal code{background:rgba(255,255,255,.06);color:var(--brand-2)}
html[data-theme="dark"] hr{border-color:var(--border)}
html[data-theme="dark"] .form-msg.ok{background:rgba(91,192,140,.12);border-color:rgba(91,192,140,.35);color:#BFE9D2}
html[data-theme="dark"] .form-msg.err{background:rgba(232,117,155,.12);border-color:rgba(232,117,155,.35);color:#F3D2DE}

/* ---------- pasica za piskotke (.cb) ---------- */
html[data-theme="dark"] .cb{
  background:rgba(20,20,22,.96);border:1px solid var(--border-str);
  box-shadow:0 20px 50px -30px rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
html[data-theme="dark"] .cb p{color:var(--muted)}
html[data-theme="dark"] .cb a{color:var(--brand-2)}

/* ---------- pomocnik Glavca ---------- */
html[data-theme="dark"] .gl-gumb{background:var(--surface-2);border:1px solid var(--border-str);box-shadow:0 10px 30px -16px rgba(0,0,0,.7)}
html[data-theme="dark"] .gl-gumb:hover{background:#2C2C30}
html[data-theme="dark"] .gl-gumb img{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .gl-pika{background:var(--accent)}
html[data-theme="dark"] .gl-vabilo{
  background:rgba(20,20,22,.96);border:1px solid var(--border-str);color:var(--text);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
html[data-theme="dark"] .gl-vabilo,html[data-theme="dark"] .gl-vabilo *{color:var(--text)}
html[data-theme="dark"] .gl-okno{background:var(--surface);border:1px solid var(--border-str);box-shadow:0 30px 70px -34px rgba(0,0,0,.85)}
html[data-theme="dark"] .gl-glava{background:var(--surface-2);border-bottom:1px solid var(--border)}
html[data-theme="dark"] .gl-glava img{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .gl-seznam{background:var(--bg-soft)}
html[data-theme="dark"] .gl-bot .gl-bubble{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text)}
html[data-theme="dark"] .gl-jaz .gl-bubble{background:#2E82E0;color:#fff}
html[data-theme="dark"] .gl-chips button,html[data-theme="dark"] .gl-link{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--brand-2)}
html[data-theme="dark"] .gl-chips button:hover{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .gl-vnos{background:var(--surface);border-top-color:var(--border)}
html[data-theme="dark"] .gl-vnos input{background:rgba(255,255,255,.05);border-color:var(--border);color:var(--text)}
html[data-theme="dark"] .gl-vnos button{background:#2E82E0;color:#fff}
html[data-theme="dark"] .gl-noga{background:var(--surface);color:var(--muted)}
html[data-theme="dark"] .gl-dots span{background:var(--brand)}
html[data-theme="dark"] .gl-zivo{color:var(--accent)}

/* ---------- nadzorna plosca v uvodu ---------- */
html[data-theme="dark"] .status{background:rgba(91,192,140,.12);color:var(--accent);border-color:rgba(91,192,140,.28)}
html[data-theme="dark"] .status.warn{background:rgba(224,151,90,.12);color:var(--warm);border-color:rgba(224,151,90,.28)}
html[data-theme="dark"] .panel-note{background:rgba(255,255,255,.04);border-top:1px solid var(--border);color:#E2E2E7}
html[data-theme="dark"] .panel-note svg.i{stroke:var(--brand)}
html[data-theme="dark"] .ticket{border-bottom:1px solid var(--border)}
html[data-theme="dark"] .ticket b{color:var(--text)}
html[data-theme="dark"] .ticket small{color:#CFCFD6}

/* ---------- podstrani: enak temni uvod ---------- */
html[data-theme="dark"] .page-hero::after{
  background:linear-gradient(95deg,rgba(11,11,13,.92) 0%,rgba(11,11,13,.82) 34%,rgba(11,11,13,.55) 60%,rgba(11,11,13,.28) 82%,rgba(11,11,13,.12) 100%);
}
html[data-theme="dark"] .page-hero h1{color:var(--text)}
html[data-theme="dark"] .page-hero .lead{color:#E2E2E7}
html[data-theme="dark"] .page-hero .eyebrow{color:var(--brand-2);border-left-color:var(--brand)}
html[data-theme="dark"] .page-hero .grad{color:var(--brand-2)}
html[data-theme="dark"] .page-hero.dark{background:var(--ink)}
@media(max-width:760px){
  html[data-theme="dark"] .page-hero::after{background:rgba(11,11,13,.9)}
}
html[data-theme="dark"] .sec-photo.photo-light::after,html[data-theme="dark"] .band.photo-light::after{background:rgba(11,11,13,.86)}
html[data-theme="dark"] .sec-photo img,html[data-theme="dark"] .page-hero.photo img{filter:brightness(.8)}

/* ---------- sekcija "Stavki, ki jih slisimo" ---------- */
html[data-theme="dark"] #situacije{background:#121215}
html[data-theme="dark"] .sit-lead{color:var(--muted)}
html[data-theme="dark"] .row-card{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .row-card:hover{border-color:var(--border-str);box-shadow:0 6px 20px -12px rgba(0,0,0,.6)}
html[data-theme="dark"] .row-card .said{color:var(--text)}
html[data-theme="dark"] .row-card .ans{border-top:1px dashed rgba(255,255,255,.14);color:#DADAE0}
html[data-theme="dark"] .row-card .ans b,html[data-theme="dark"] .bubble .ans b{color:var(--brand)}
html[data-theme="dark"] .row-ic{background:rgba(255,255,255,.06);border:1px solid var(--border)}
html[data-theme="dark"] .row-ic svg.i{stroke:var(--brand)}
html[data-theme="dark"] .sit-photo::after{background:linear-gradient(180deg,transparent 62%,rgba(14,14,17,.22))}
html[data-theme="dark"] .sit-photo img{filter:none}
html[data-theme="dark"] .sit-dots{opacity:.15}
html[data-theme="dark"] .section-head .rule{background:var(--brand)}
html[data-theme="dark"] .sit-art .wire,html[data-theme="dark"] .sit-art .node{stroke:var(--brand);fill:var(--brand)}
html[data-theme="dark"] .sit-art .knot path{stroke:rgba(76,154,240,.3)}

/* bele znacke v izracunu */
html[data-theme="dark"] .res-top .lab,html[data-theme="dark"] .res-badge{background:rgba(76,154,240,.12);border:1px solid rgba(76,154,240,.24);color:var(--brand)}
html[data-theme="dark"] .res-badge svg.i{stroke:var(--brand)}

/* ---------- preklopnik videza ---------- */
html[data-theme="dark"] .theme-sw{background:rgba(255,255,255,.05);border-color:var(--border)}
html[data-theme="dark"] .theme-btn{color:var(--muted)}
html[data-theme="dark"] .theme-btn:hover{color:var(--text)}
html[data-theme="dark"] .theme-btn[aria-pressed="true"]{background:rgba(255,255,255,.1);color:var(--text)}

/* ---------- telefon v glavi ---------- */
html[data-theme="dark"] .nav-phone{color:var(--brand-2)}
html[data-theme="dark"] .nav-phone:hover{color:#fff}
/* mobilni klicni gumb v meniju (temna tema) */
html[data-theme="dark"] .mobile-menu .mm-call{background:#2E82E0}