/* Svetla tema: modra namesto zelene za stanja in poudarke. */
html[data-theme="light"]{
  --green:#20648a;
  --green-bg:#e4eef3;
  --color-success:#20648a;
  --color-action-primary:#20648a;
  --color-action-text:#4a89ab;
  --color-bg-secondary:#1d5273;
  --grad-accent:linear-gradient(135deg,#20648a 0%,#4a89ab 100%);
  --grad-hero:linear-gradient(160deg,#253031 0%,#1d5273 58%,#2978a0 120%);
  --fuel-phev-c:#20648a;
  --fuel-hev-c:#17506f;
  --fuel-phev-bg:#e4eef3;
  --fuel-hev-bg:#e4eef3;
}
/* Pod glavnimi vrstami vozil ne prikazujemo dodatnih čipov (Vse vrste, rabljena, nova …). */
#page-home #home-subcategory-tabs{display:none!important}
/* Domača stran: odstranjen spodnji vsebinski sklop od zemljevida Slovenije do prodajnega poziva. */
#page-home #sec-regions,#page-home #sec-how,#page-home #sec-damage,#page-home #sec-why,#page-home .home-cta-section{display:none!important}
/* Nekoliko višji uvodni kader, da je ozadna fotografija bolj vidna. */
#page-home .home-static-hero{height:85vh!important;min-height:780px!important}
@media(max-width:640px){#page-home .home-static-hero{height:78vh!important;min-height:760px!important}}
/* Vsi svetli indikatorji, ki so imeli neposredno zapisano zeleno barvo. */
html[data-theme="light"] .saved-drops-banner,html[data-theme="light"] .price-guard.good,html[data-theme="light"] .dt-badge.high,html[data-theme="light"] .vehicle-data-badge.confirmed,html[data-theme="light"] .vehicle-recognition-status.ok,html[data-theme="light"] .field-source-badge.confirmed,html[data-theme="light"] .photo-template-frames span.done,html[data-theme="light"] .photo-checklist-grid span.done,html[data-theme="light"] .free-import-state.valid,html[data-theme="light"] .free-import-state.approved,html[data-theme="light"] .free-import-state.merged{border-color:#78a9c4!important;background:#e4eef3!important;color:#20648a!important}
html[data-theme="light"] .cr-verified,html[data-theme="light"] .sold-badge,html[data-theme="light"] .cr-new,html[data-theme="light"] .deal-badge.steal-good,html[data-theme="light"] .photo-template-frames span.done i{background:#20648a!important;color:#fff!important}
html[data-theme="light"] .adq-bar i{background:linear-gradient(90deg,#4a89ab,#20648a)!important}
/* Primarni gumb iskalnika (Prikaži oglase) — vedno modra, brez zelenega gradienta. */
html[data-theme="light"] #page-home .hsb-btn,html[data-theme="light"] #page-home .cta-primary,html[data-theme="light"] #page-home .damage-cta,html[data-theme="light"] .btn-sold{background:#20648a!important;background-image:none!important;border-color:#20648a!important;color:#fff!important}
html[data-theme="light"] #page-home .hsb-btn:hover,html[data-theme="light"] #page-home .cta-primary:hover,html[data-theme="light"] #page-home .damage-cta:hover,html[data-theme="light"] .btn-sold:hover{background:#17506f!important;border-color:#17506f!important}
/* Enako za starejši svetli/glass način, kjer atribut teme ni "light". */
html:not([data-theme="dark"]) #page-home button.hsb-btn{background:#20648a!important;background-image:none!important;border-color:#20648a!important;color:#fff!important}
html:not([data-theme="dark"]) #page-home button.hsb-btn:hover{background:#17506f!important;border-color:#17506f!important}
html:not([data-theme="dark"]){--green:#20648a;--green-bg:#e4eef3;--color-success:#20648a}

/* Telefon: spodnja navigacija ostane, zgoraj pa so samo plavajoči gumbi. */
@media(max-width:640px){
  .nav{
    position:fixed!important;top:10px!important;right:10px!important;left:auto!important;
    width:auto!important;min-height:0!important;height:auto!important;padding:0!important;
    gap:7px!important;background:transparent!important;background-image:none!important;
    border:0!important;box-shadow:none!important;transform:none!important;z-index:1001!important;
  }
  .nav-logo,.nav-center,.nav-post-btn,.nav-install-btn,.message-notification-status,.nav-right #nav-user-area,.nav-right .public-theme-toggle[data-theme-toggle]{display:none!important}
  .mobile-menu-btn{
    display:grid!important;place-items:center!important;order:0!important;flex:0 0 38px!important;
    width:38px!important;height:38px!important;border:1px solid rgba(32,100,138,.3)!important;
    border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#20648a!important;
    box-shadow:0 5px 16px rgba(11,44,63,.18)!important;font-size:20px!important;
  }
  .nav-right{display:flex!important;order:1!important;width:auto!important;margin:0!important;gap:7px!important;flex:0 0 auto!important}
  .nav-right #nav-user-area,.nav-right #nav-user-area:empty{display:contents!important}
  .nav-right #nav-user-area .nav-link,.nav-right #nav-user-area .nav-user,.nav-accessibility-btn,.public-theme-toggle[data-theme-toggle]{
    display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;
    padding:0!important;border:1px solid rgba(32,100,138,.3)!important;border-radius:50%!important;
    background:rgba(255,255,255,.94)!important;color:#20648a!important;
    box-shadow:0 5px 16px rgba(11,44,63,.18)!important;text-shadow:none!important;
  }
  .nav-right #nav-user-area .nav-user{gap:0!important;cursor:pointer!important}
  .nav-right #nav-user-area .nav-user .nav-username{display:none!important}
  .nav-right #nav-user-area .nav-user .nav-avatar{width:26px!important;height:26px!important;font-size:11px!important}
  .nav-right #nav-user-area .nav-link{font-size:0!important}
  .nav-right #nav-user-area .nav-link::after{content:'👤';font-size:16px!important}
  .nav-right #nav-user-area .nav-link::first-letter{font-size:0!important}
  .nav-accessibility-btn{font-size:18px!important}
  .public-theme-toggle[data-theme-toggle]{font-size:19px!important}
  html[data-theme="dark"] .mobile-menu-btn,
  html[data-theme="dark"] .nav-right #nav-user-area .nav-link,
  html[data-theme="dark"] .nav-right #nav-user-area .nav-user,
  html[data-theme="dark"] .nav-accessibility-btn,
  html[data-theme="dark"] .public-theme-toggle[data-theme-toggle]{background:#0d1b2a!important;border-color:#415a77!important;color:#e0e1dd!important}
  .mobile-menu{top:56px!important;right:10px!important;left:auto!important;width:min(280px,calc(100vw - 20px))!important;border-radius:12px!important}

  /* Brez zgornje bele vrstice: meni je samostojen levo, ostali gumbi so samostojni desno. */
  .nav{position:fixed!important;inset:0!important;width:100%!important;height:0!important;pointer-events:none!important}
  .mobile-menu-btn{position:fixed!important;top:10px!important;left:10px!important;right:auto!important;pointer-events:auto!important}
  .nav-right{position:fixed!important;top:10px!important;right:10px!important;left:auto!important;pointer-events:auto!important}
  /* Vrni izvirni, oglati videz navigacijskih gumbov. */
  .mobile-menu-btn,.nav-right #nav-user-area .nav-link,.nav-right #nav-user-area .nav-user,.nav-accessibility-btn,.public-theme-toggle[data-theme-toggle]{
    border-radius:8px!important;box-shadow:none!important;background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important;
  }
  .mobile-menu-btn{width:34px!important;height:34px!important;flex-basis:34px!important}
  .nav-right #nav-user-area .nav-link,.nav-right #nav-user-area .nav-user,.nav-accessibility-btn{width:34px!important;height:34px!important;min-width:34px!important}
  /* Luna/sonce in meni uporabljata popolnoma enak okvir kot dostopnost. */
  .public-theme-toggle[data-theme-toggle]{width:34px!important;height:34px!important;min-width:34px!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--card)!important;color:var(--ink)!important;box-shadow:none!important}
  .mobile-menu-btn{border:1px solid var(--border)!important;border-radius:8px!important;background:var(--card)!important;color:var(--ink)!important;box-shadow:none!important}
  html[data-theme="dark"] .mobile-menu-btn,html[data-theme="dark"] .nav-right #nav-user-area .nav-link,html[data-theme="dark"] .nav-right #nav-user-area .nav-user,html[data-theme="dark"] .nav-accessibility-btn,html[data-theme="dark"] .public-theme-toggle[data-theme-toggle]{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
  .mobile-menu{position:fixed!important;top:52px!important;left:10px!important;right:auto!important}
  /* Stara navigacija je puščala 58 px prazne (bele) višine nad vsebino. */
  body{padding-top:0!important}
  /* Profil vrnemo na prvotni videz: avatar v običajnem nav gumbu. */
  .nav-right #nav-user-area .nav-user{display:flex!important;width:auto!important;min-width:36px!important;height:36px!important;padding:5px!important;gap:0!important;border-radius:8px!important}
  .nav-right #nav-user-area .nav-user .nav-avatar{width:26px!important;height:26px!important}
  .nav-right #nav-user-area .nav-link{width:auto!important;min-width:0!important;height:36px!important;padding:7px 12px!important;font-size:13px!important;border-radius:8px!important}
  .nav-right #nav-user-area .nav-link::after{content:none!important}
  /* Profil in dostopnost sta na telefonu samo ikoni, brez ploščice v ozadju. */
  .nav-right #nav-user-area .nav-user,.nav-right #nav-user-area .nav-link,.nav-accessibility-btn{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
  /* Neprijavljen uporabnik: Prijava je votel gumb z obarvanim robom. */
  .nav-right #nav-user-area button.nav-link{background:transparent!important;border:1px solid #a9d3ee!important;color:#a9d3ee!important;box-shadow:none!important}
  .nav-right #nav-user-area .nav-user{width:26px!important;min-width:26px!important;height:26px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:50%!important}
}