@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Avto.net inspired — modra + bela + oranžni akcent */
  --ink:#182026;
  --ink-60:#53606a;
  --ink-40:#83909a;
  --ink-20:#c4ced6;
  --surface:#e9edf0;
  --surface-2:#dfe5e9;
  --card:#fbfcfc;
  --border:#cfd7dd;
  --border-2:#aebbc4;
  /* Modra — primarna */
  --accent:#2f5f73;
  --accent-dark:#1e3d4c;
  --accent-light:#e3edf1;
  --accent-mid:#5b8fa3;
  /* Sekundarna CTA — modra (usklajeno z barvo strani) */
  --accent2:#c56a3a;
  --accent2-dark:#92441f;
  --accent2-light:#faeadf;
  --green:#20648a;
  --green-bg:#e4eef3;
  --red:#dc2626;
  --red-bg:#fee2e2;
  --orange:#d97706;
  /* Radij — enotna lestvica (uporabi te tokene v novi kodi) */
  --r-xs:4px;   /* značke, drobni čipi */
  --r-sm:6px;   /* gumbi, vnosna polja */
  --r:8px;      /* privzeto — kartice, paneli */
  --r-md:10px;
  --r-lg:12px;  /* večje kartice, modali */
  --r-xl:16px;  /* hero bloki */
  --r-pill:999px; /* pilule, okrogli gumbi */
  /* Razmiki — 4px osnova */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  /* Gorivo tagi */
  --fuel-benz-bg:#fef9ec;
  --fuel-benz-c:#92681a;
  --fuel-diesel-bg:#f1f5f9;
  --fuel-diesel-c:#334155;
  --fuel-ev-bg:#ecfeff;
  --fuel-ev-c:#0e7490;
  --fuel-phev-bg:#f0fdf4;
  --fuel-phev-c:#20648a;
  --fuel-hev-bg:#ecfdf5;
  --fuel-hev-c:#065f46;
  /* Gradienti */
  --grad-hero:linear-gradient(135deg,#17242c 0%,#2f5f73 58%,#c56a3a 128%);
  --grad-accent:linear-gradient(135deg,#2f5f73 0%,#5b8fa3 100%);
  --grad-accent2:linear-gradient(135deg,#c56a3a 0%,#92441f 100%);
  --grad-card:#ffffff;
  --grad-surface:linear-gradient(180deg,#eef2f4 0%,#dfe5e9 100%);
  --grad-nav:rgba(251,252,252,0.95);
  --color-primary-bg:#2f5f73;
  --color-primary-text:#ffffff;
  --color-secondary-bg:#e3edf1;
  --color-secondary-text:#1e3d4c;
  --color-muted-text:#53606a;
  --color-border:#cfd7dd;
  --color-button-bg:#2f5f73;
  --color-button-text:#ffffff;
  --color-button-hover-bg:#1e3d4c;
  --color-button-hover-text:#ffffff;
}
body{background:
  linear-gradient(135deg,rgba(47,95,115,.08) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(45deg,rgba(197,106,58,.055) 1px,transparent 1px) 0 0/68px 68px,
  var(--grad-surface);
  background-attachment:fixed;
  min-height:100vh;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;font-family:inherit;font-size:14px;background:none}
input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}
input[type=number]{appearance:textfield;-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;background:transparent}

/* ── NAV ── */
.nav{background:var(--grad-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:58px;display:flex;align-items:center;padding:0 24px;gap:8px;position:sticky;top:0;z-index:100}
.nav-logo{font-family:'Instrument Serif',serif;font-size:22px;color:var(--ink);letter-spacing:-.5px;cursor:pointer;margin-right:8px;white-space:nowrap;display:flex;align-items:center;gap:8px;text-decoration:none}
.nav-logo img{width:34px;height:34px;border-radius:8px;display:block;box-shadow:0 3px 10px rgba(24,32,38,.14)}
.nav-logo span{display:inline-block}
.nav-logo em{color:var(--accent);font-style:normal}
.mobile-menu-btn{display:none;width:36px;height:36px;border:1.5px solid var(--border);border-radius:8px;background:var(--card);font-size:20px;line-height:1;color:var(--ink)}
.mobile-menu{display:none;position:sticky;top:58px;z-index:99;background:var(--card);border-bottom:1px solid var(--border);padding:8px 12px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.mobile-menu.show{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-menu button,.mobile-menu a{padding:11px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:700;color:var(--ink);text-align:left;text-decoration:none}
.nav-center{display:flex;align-items:center;gap:2px;flex:1}
.nav-link{padding:7px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--ink-60);transition:.12s;white-space:nowrap;text-decoration:none}
.nav-link:hover,.nav-link.on{background:var(--surface-2);color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-post-btn{padding:8px 16px;background:var(--grad-accent);color:#fff;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;transition:.12s;box-shadow:0 3px 12px rgba(47,95,115,.26);text-decoration:none}
.nav-post-btn:hover{background:var(--accent-dark)}
.nav-install-btn{padding:8px 12px;border:1.5px solid var(--accent);color:var(--accent);background:var(--accent-light);border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}
.nav-settings-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--ink-60);border:1.5px solid var(--border);background:var(--card);transition:.12s;flex-shrink:0}
.nav-settings-btn:hover{color:var(--ink);border-color:var(--border-2)}
.nav-user{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:.12s}
.nav-user:hover{border-color:var(--border-2)}
.nav-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nav-username{font-size:13px;font-weight:500;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-center #nb-inbox{display:block;position:relative;margin-right:8px}
.nav-message-button{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);cursor:pointer}
.nav-message-button:hover,.nav-message-button.on{border-color:var(--accent);background:var(--surface-2)}
.nav-message-symbol{font-size:19px;line-height:1}
.message-count-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--card);border-radius:10px;background:#d92d20;color:#fff;font-size:10px;font-weight:800;line-height:1;letter-spacing:0;box-sizing:border-box}
.message-count-badge[hidden],.nav-message-button[hidden]{display:none!important}
.mobile-message-link,.user-menu button.user-message-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mobile-message-link .message-count-badge,.user-message-link .message-count-badge{position:static;flex:0 0 auto;border-color:transparent}
.message-notification-status{position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.user-menu{display:none;position:absolute;right:20px;top:62px;background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:6px;min-width:160px;box-shadow:0 8px 28px rgba(0,0,0,.1);z-index:200}
.user-menu.show{display:block}
.user-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:6px;font-size:13px;color:var(--ink);transition:.1s}
.user-menu button:hover{background:var(--surface)}
.user-menu button.danger{color:var(--red)}
.admin-public-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;background:#fff8e6;border:1.5px solid #e8c97a;border-radius:10px;color:#6b4e00;font-size:12px}
.admin-public-toolbar b{font-size:13px;color:#4a3600}
.admin-public-toolbar span{flex:1;min-width:180px}
.admin-public-toolbar button{padding:7px 11px;background:var(--ink);color:#fff;border-radius:8px;font-size:12px;font-weight:700}
.admin-mode-note{background:#fff8e6!important;border-color:#e8c97a!important;color:#6b4e00!important}
.admin-row-btn{background:#1a2332!important}
.admin-tile-actions{display:flex;gap:6px;margin-top:10px}
.admin-tile-actions button{flex:1;padding:7px 8px;border-radius:6px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}
.admin-tile-actions button+button{background:var(--accent)}

/* ── HOME HERO ── */
.home-hero{background:var(--grad-hero);padding:42px 24px 34px;position:relative;overflow:hidden}
.home-hero-bg{position:absolute;inset:0;background:
  repeating-linear-gradient(115deg,rgba(255,255,255,.10) 0 1px,transparent 1px 34px),
  linear-gradient(90deg,rgba(197,106,58,.14),transparent 42%,rgba(255,255,255,.08));
  pointer-events:none;animation:heroLines 18s linear infinite}
.home-hero-inner{max-width:1180px;margin:0 auto;position:relative;display:grid;grid-template-columns:1fr;gap:20px;align-items:center}
/* Vstopne animacije so pogojene z .has-motion (razred doda JS). Ce se JS ne
   izvede ali je gibanje zmanjsano, razreda ni in vsebina je vidna takoj. */
.has-motion .home-hero-text{animation:homeRise .55s ease both}
.home-hero-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#f0c3a3;margin-bottom:8px}
.home-hero-title{font-family:'Instrument Serif',serif;font-size:42px;font-weight:400;color:#fff;line-height:1.05;letter-spacing:0;margin-bottom:8px}
.home-hero-title em{color:#f0b083;font-style:italic}
.home-hero-sub{max-width:720px;font-size:15px;color:rgba(255,255,255,.76);font-weight:400}
.home-stats{display:flex;align-items:center;gap:24px;margin-top:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.home-stat{display:flex;flex-direction:column;gap:3px}
.home-stat-n{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.5px}
.home-stat-l{color:rgba(255,255,255,.4);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.home-stat-div{width:1px;height:32px;background:rgba(255,255,255,.1)}

/* ── HOME SEARCH BOX ── */
.home-search-box{width:100%;background:rgba(251,252,252,.98);border-radius:10px;padding:20px;box-shadow:0 16px 48px rgba(24,32,38,.20),0 0 0 1px rgba(47,95,115,.14)}
.has-motion .home-search-box{animation:homeFloatIn .65s .08s cubic-bezier(.2,.75,.2,1) both}
.hsb-tabs{display:flex;gap:4px;margin-bottom:18px;background:var(--surface);border-radius:8px;padding:3px}
.hsb-tab{flex:1;padding:8px;border-radius:6px;font-size:13px;font-weight:600;color:var(--ink-60);transition:.12s}
.hsb-tab.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.hsb-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
.hsb-field label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-60);margin-bottom:4px}
.hsb-select,.hsb-input{width:100%;padding:9px 11px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);outline:none;font-size:13px;appearance:none}
.hsb-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23999' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.hsb-select:focus,.hsb-input:focus{border-color:var(--accent);background:#fff}
.hsb-btn{width:100%;margin-top:6px;padding:12px;background:var(--grad-accent);color:#fff;border-radius:8px;font-size:14px;font-weight:700;transition:.12s;box-shadow:0 4px 14px rgba(47,95,115,.25)}
.hsb-btn:hover{background:var(--accent-dark)}
.hsb-submit-field{display:flex;align-items:flex-end}
.hsb-submit-field .hsb-btn{min-height:39px;margin:0}
.home-search-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.home-search-quick span{margin-right:3px;color:var(--ink-40);font-size:11px;font-weight:800;text-transform:uppercase}
.home-search-quick button{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink-60);font-size:12px;font-weight:700}
.home-search-quick button:hover{border-color:var(--accent);color:var(--accent)}
.home-body-search-context{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:7px;background:var(--accent-light);color:var(--ink-60);font-size:12px}
.home-body-search-context[hidden]{display:none}
.home-body-search-context strong{color:var(--accent-dark);font-size:13px}
.home-body-search-context button{margin-left:auto;padding:4px 7px;border:1px solid var(--border-2);border-radius:5px;background:var(--card);color:var(--ink);font-size:11px;font-weight:700}
.home-search-box.body-search-focus{animation:bodySearchFocus 1.25s ease both}
@keyframes bodySearchFocus{0%,100%{box-shadow:0 16px 48px rgba(24,32,38,.20),0 0 0 1px rgba(47,95,115,.14)}35%{box-shadow:0 16px 48px rgba(24,32,38,.20),0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent)}}

/* ── HOME SECTIONS ── */
.home-section{padding:52px 24px}
.home-section-gray{background:var(--surface-2)}
.home-section-inner{max-width:1100px;margin:0 auto}
.home-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.home-section-title{font-family:'Instrument Serif',serif;font-size:26px;font-weight:400;letter-spacing:-.5px}
.home-section-link{font-size:13px;color:var(--accent);font-weight:600}
.home-section-link:hover{text-decoration:underline}
.home-tools-section{padding-top:34px;padding-bottom:34px;background:linear-gradient(180deg,var(--card),transparent)}
.home-tools-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.home-tools-head p{max-width:470px;color:var(--ink-60);font-size:13px;line-height:1.55;text-align:right}
.home-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-tool-card{position:relative;text-align:left;min-height:142px;padding:18px;border:1.5px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.home-tool-card:nth-child(2){animation-delay:.05s}
.home-tool-card:nth-child(3){animation-delay:.1s}
.home-tool-card:nth-child(4){animation-delay:.15s}
.home-tool-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(47,95,115,.12),transparent 48%,rgba(197,106,58,.10));opacity:0;transition:.18s}
.home-tool-card::after{content:'';position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 6px 6px;background:var(--grad-accent)}
.home-tool-card:hover{transform:translateY(-4px);border-color:var(--accent-mid);box-shadow:0 16px 36px rgba(47,95,115,.14);background:var(--surface)}
.home-tool-card:hover::before{opacity:1}
.home-tool-card span,.home-tool-card b,.home-tool-card small{position:relative;z-index:1}
.home-tool-card span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--accent);margin-bottom:14px}
.home-tool-card b{display:block;font-size:16px;color:var(--ink);line-height:1.18;margin-bottom:7px}
.home-tool-card small{display:block;font-size:12px;color:var(--ink-60);line-height:1.5}
.home-pulse-section{padding-top:26px;padding-bottom:26px;background:var(--card);border-bottom:1px solid var(--border)}
.home-pulse-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px}
.home-pulse-card{border:1.5px solid var(--border);border-radius:12px;background:var(--surface);padding:16px;min-height:126px}
.home-pulse-card span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:8px}
.home-pulse-card b{display:block;font-size:16px;line-height:1.25;color:var(--ink);letter-spacing:-.2px}
.home-pulse-card p{font-size:12.5px;line-height:1.55;color:var(--ink-60);margin-top:8px}
.home-pulse-lead{background:linear-gradient(135deg,#ffffff 0%,#eef5ff 100%);border-color:rgba(0,85,179,.22)}
.home-action-section{padding-top:24px;padding-bottom:24px}
.home-action-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-action-strip button{position:relative;text-align:left;padding:18px;border:1.5px solid var(--border);border-radius:12px;background:var(--card);transition:.15s;overflow:hidden}
.home-action-strip button::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-accent)}
.home-action-strip button:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 26px rgba(47,95,115,.12)}
.home-action-strip span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--accent);margin-bottom:9px}
.home-action-strip b{display:block;font-size:16px;color:var(--ink);line-height:1.2;margin-bottom:5px}
.home-action-strip small{display:block;font-size:12px;color:var(--ink-60);line-height:1.45}

/* ── CATEGORIES GRID ── */
.categories-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.cat-card{position:relative;background:var(--grad-card);border:1.5px solid var(--border);border-radius:12px;padding:18px 12px;text-align:left;cursor:pointer;transition:.15s;overflow:hidden}
.cat-card::before{content:'';position:absolute;left:12px;right:12px;top:0;height:3px;background:var(--grad-accent);border-radius:0 0 4px 4px}
.cat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(47,95,115,.14);background:linear-gradient(145deg,#ffffff,#e3edf1)}
.cat-icon{display:none}
.cat-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:3px}
.cat-count{font-size:11px;color:var(--ink-40)}

/* ── FEATURED / RECENT GRID ── */
.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}

/* HOME car tile */
.home-car-tile{background:var(--card);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:.15s}
.home-car-tile:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 28px rgba(47,95,115,.16)}
.home-car-tile .ct-img{height:160px;background:var(--surface-2);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:44px;color:var(--ink-20)}
.home-car-tile .ct-img img{width:100%;height:100%;object-fit:contain;background:var(--surface-2)}
.home-car-tile.featured-tile .ct-img{height:200px}
.home-tile-badge{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:6px;font-size:10px;font-weight:700;background:var(--accent);color:#fff}
.home-tile-body{padding:13px}
.home-tile-brand{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.home-tile-name{font-family:'Instrument Serif',serif;font-size:17px;margin-bottom:4px}
.home-tile-price{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.3px;margin-bottom:6px}
.home-tile-meta{display:flex;gap:5px;flex-wrap:wrap}
.home-tile-tag{padding:3px 7px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:10px;color:var(--ink-60)}

/* ── BRANDS GRID ── */
.brands-grid{display:flex;flex-wrap:wrap;gap:8px}
.brand-chip{padding:9px 18px;background:var(--card);border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--ink-60);cursor:pointer;transition:.12s;display:flex;align-items:center;gap:6px}
.brand-chip:hover{border-color:var(--accent);color:var(--ink);background:var(--accent-light)}
.brand-chip span{font-size:11px;color:var(--ink-40)}

/* ── WHY GRID ── */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why-card{position:relative;padding:24px;background:var(--grad-card);border:1.5px solid var(--border);border-radius:12px;transition:.15s;overflow:hidden}
.why-card::before{content:'';position:absolute;left:24px;top:0;width:54px;height:3px;background:var(--grad-accent2);border-radius:0 0 4px 4px}
.why-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(15,118,110,.10)}
.why-icon{display:none}
.why-title{font-size:15px;font-weight:600;margin-bottom:8px}
.why-desc{font-size:13px;color:var(--ink-60);line-height:1.6}

/* ── FOOTER ── */
.site-footer{background:var(--ink);padding:28px 24px}
.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.footer-logo{font-family:'Instrument Serif',serif;font-size:20px;color:#fff;display:flex;align-items:center;gap:8px}
.footer-logo img{width:32px;height:32px;border-radius:8px;display:block}
.footer-logo span{display:inline-block}
.footer-logo em{color:var(--accent-mid);font-style:normal}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a,.footer-links button{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;transition:.12s;background:none;border:none;cursor:pointer;font-family:inherit}
.footer-links a:hover,.footer-links button:hover{color:rgba(255,255,255,.8)}
.footer-copy{font-size:12px;color:rgba(255,255,255,.25)}
.footer-copy a{color:rgba(255,255,255,.55);text-decoration:none}
.footer-copy a:hover{color:#fff}

.seo-page{max-width:840px;margin:0 auto;padding:54px 22px 72px;line-height:1.65;color:var(--ink)}
.seo-page h1{font-size:42px;line-height:1.08;margin:18px 0 18px;color:var(--ink)}
.seo-page h2{font-size:22px;margin:30px 0 10px;color:var(--ink)}
.seo-page p{font-size:16px;color:var(--ink-60);margin:0 0 14px}
.seo-back{display:inline-block;font-weight:800;color:var(--accent);text-decoration:none;margin-bottom:12px}
.seo-cta{display:inline-flex;align-items:center;justify-content:center;margin:8px 8px 0 0;padding:11px 16px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800}
.seo-cta.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--border)}
.seo-page-nav{min-height:60px;padding:0 max(20px,calc((100vw - 960px)/2));display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--card);border-bottom:1px solid var(--border)}
.seo-page-nav a{padding:9px 11px;border-radius:6px;color:var(--ink-60);font-weight:700;text-decoration:none}
.seo-page-nav a:hover,.seo-page-nav a[aria-current="page"]{background:var(--surface);color:var(--ink)}
.seo-page-nav .brand{margin-right:auto;color:var(--ink);font-family:'Instrument Serif',serif;font-size:24px}
.seo-contact-box{display:grid;gap:6px;margin:24px 0;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:8px}
.seo-contact-box span{font-size:12px;text-transform:uppercase;color:var(--ink-40);font-weight:800}
.seo-contact-box a{font-size:20px;color:var(--accent);font-weight:800;text-decoration:none;overflow-wrap:anywhere}
@media(max-width:680px){.seo-page-nav{padding:10px 14px;gap:4px}.seo-page-nav .brand{width:100%;margin:0}.seo-page-nav a{padding:7px 8px;font-size:12px}.seo-page h1{font-size:34px}}

/* ── LIST PAGE ── */
.list-page-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.list-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0 14px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}
.list-topbar-left{display:flex;align-items:center;gap:12px}
.list-topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mobile-filter-toggle{display:none;padding:8px 12px;border:1.5px solid var(--border-2);border-radius:8px;background:var(--card);color:var(--ink);font-size:12px;font-weight:800}
.list-count{font-size:13px;color:var(--ink-60)}
.list-count strong{color:var(--ink);font-weight:700}
.list-search{padding:8px 13px;border:1.5px solid var(--border);border-radius:8px;background:var(--card);font-size:13px;outline:none;width:220px;transition:.15s}
.list-search:focus{border-color:var(--accent)}
.list-sort{padding:8px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--card);font-size:12px;outline:none;appearance:none}
.view-btns{display:flex;gap:4px}
.view-btn{padding:8px 10px;border:1.5px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink-40);font-size:13px;transition:.1s}
.view-btn.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.quick-filter-bar{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:thin}
.quick-filter-bar button{flex:0 0 auto;padding:9px 12px;border:1.5px solid var(--border);border-radius:999px;background:var(--card);color:var(--ink-60);font-size:12.5px;font-weight:700;white-space:nowrap;transition:.12s}
.quick-filter-bar button:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark)}
.list-body{display:grid;grid-template-columns:240px 1fr;gap:0;align-items:start;padding:20px 0}

/* ── FILTERS ── */
.list-filters{position:sticky;top:74px;padding-right:20px;max-height:calc(100vh - 100px);overflow-y:auto}
.list-filters::-webkit-scrollbar{width:3px}
.list-filters::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}
.filters-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1.5px solid var(--border)}
.filters-title{font-family:'Instrument Serif',serif;font-size:18px}
.filters-reset{font-size:12px;color:var(--accent);font-weight:600}
.filters-reset:hover{text-decoration:underline}
.filters-head-actions{display:flex;align-items:center;gap:12px}
.mobile-filter-close{display:none;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--ink);font-weight:750}
.filter-subhead{margin:20px 0 12px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-60)}
.filter-group{margin-bottom:16px}
.filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-40);margin-bottom:6px}
.filter-select,.filter-input{width:100%;padding:8px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--card);outline:none;font-size:13px;appearance:none;transition:.12s}
.filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23999' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.filter-select:focus,.filter-input:focus{border-color:var(--accent)}
.filter-range-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px}
.filter-range-sep{font-size:12px;color:var(--ink-40);text-align:center}
.filter-range-row .filter-input{margin-bottom:0}
.filter-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.filter-label-row .filter-label{margin-bottom:0}
.filter-label-row output{font-size:11px;font-weight:800;color:var(--accent);white-space:nowrap}
.price-range-filter .price-input-row{margin-top:5px}
.dual-range{position:relative;height:32px;margin:0 0 7px}
.dual-range-track{position:absolute;left:0;right:0;top:13px;height:7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);overflow:hidden}
.dual-range-fill{position:absolute;top:-1px;bottom:-1px;border-radius:999px;background:var(--grad-accent)}
.dual-range input[type=range]{position:absolute;left:0;right:0;top:4px;width:100%;height:26px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}
.dual-range input[type=range]::-webkit-slider-runnable-track{height:7px;background:transparent;border:0}
.dual-range input[type=range]::-moz-range-track{height:7px;background:transparent;border:0}
.dual-range input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border:2px solid var(--card);border-radius:50%;background:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.22);appearance:none;-webkit-appearance:none;pointer-events:auto;cursor:grab}
.dual-range input[type=range]::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--card);border-radius:50%;background:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.22);pointer-events:auto;cursor:grab}
.price-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}
.price-presets button,.geo-btn{min-height:31px;padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--accent-dark);font-size:11px;font-weight:800}
.price-presets button:hover,.geo-btn:hover{border-color:var(--accent);background:var(--accent-light)}
.distance-origin-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:6px;align-items:center}
.distance-range{width:100%;height:24px;margin:8px 0 4px;accent-color:var(--accent)}
.distance-filter small{display:block;color:var(--ink-60);font-size:11px;line-height:1.35}
.listing-distance-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-left:7px;padding:2px 6px;border:1px solid var(--accent-mid);border-radius:999px;background:var(--accent-light);color:var(--accent-dark);font-size:10px;font-weight:900;vertical-align:middle}
.ct-body>.listing-distance-pill{margin:7px 0 0}
.seller-loc{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.seller-loc .listing-distance-pill{margin-left:0}
.filter-check{display:flex;align-items:flex-start;gap:9px;margin:0 0 10px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink-60);font-size:12px;font-weight:650;line-height:1.35;cursor:pointer}
.filter-check:hover{border-color:var(--accent-mid);color:var(--ink)}
.filter-check input{width:16px;height:16px;margin:0;flex:0 0 auto;accent-color:var(--accent)}
.filter-advanced{margin:18px 0 4px;border-top:1px solid var(--border);padding-top:12px}
.filter-advanced summary{cursor:pointer;color:var(--ink-60);font-size:12px;font-weight:750;list-style-position:inside}
.filter-advanced[open] summary{color:var(--ink)}
.color-wrap{display:flex;flex-wrap:wrap;gap:5px}
.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.12s}
.color-dot:hover{transform:scale(1.15)}
.color-dot.on{box-shadow:0 0 0 2px var(--accent)}
.eq-wrap{display:flex;flex-wrap:wrap;gap:4px;max-height:140px;overflow-y:auto}
.eq-chip{padding:4px 8px;border:1.5px solid var(--border);border-radius:6px;font-size:11px;color:var(--ink-60);background:var(--card);cursor:pointer;transition:.1s}
.eq-chip.on{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark);font-weight:600}
.filter-apply-btn{width:100%;padding:10px;background:var(--grad-accent2);color:#fff;border-radius:8px;font-weight:600;font-size:13px;margin-top:10px;transition:.12s;box-shadow:0 3px 10px rgba(242,107,79,.24)}
.filter-apply-btn:hover{background:var(--accent)}
.algo-box{background:var(--card);border:1.5px solid var(--border);border-radius:8px;padding:12px;margin-top:4px;overflow:hidden}
.algo-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.algo-lbl{font-size:11px;color:var(--ink-60);width:48px;flex-shrink:0;font-weight:500}
.algo-row input[type=range]{flex:1 1 0;min-width:0;accent-color:var(--accent)}
.algo-v{font-size:11px;font-weight:700;color:var(--accent);width:34px;flex-shrink:0;text-align:right}
.algo-total{font-size:10px;color:var(--ink-40);text-align:center}

/* ── LIST RESULTS ── */
.list-results{min-width:0}
.market-pulse{display:flex;align-items:stretch;gap:10px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px}
.market-pulse-head{min-width:150px;border-right:1px solid var(--border);padding-right:12px;display:flex;flex-direction:column;justify-content:center}
.market-pulse-head span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:3px}
.market-pulse-head b{font-size:15px;color:var(--ink)}
.market-pulse-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:1}
.market-pulse-items button,.market-pulse-items div{min-width:0;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px}
.market-pulse-items button{transition:.12s}
.market-pulse-items button:hover{border-color:var(--accent);background:var(--accent-light)}
.market-pulse-items b{display:block;font-size:17px;color:var(--ink);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-pulse-items span{display:block;font-size:11px;color:var(--ink-60);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cars-list{display:flex;flex-direction:column;gap:10px}
.cars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}

/* ── CAR ROW ── */
.car-row{background:var(--grad-card);border:1.5px solid var(--border);border-radius:12px;display:flex;overflow:hidden;cursor:pointer;transition:.15s}
.car-row:hover{border-color:var(--accent);box-shadow:0 4px 18px rgba(47,95,115,.14);transform:translateY(-1px)}
.cr-img{width:230px;flex-shrink:0;background:var(--surface-2);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:170px}
.cr-img img{width:100%;height:100%;object-fit:contain;background:var(--surface-2)}
.listing-media{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;background:var(--surface-2)}
.listing-media>[data-listing-main]{display:block;width:100%;height:100%;object-fit:contain;background:var(--surface-2);transition:opacity .16s ease}
.listing-image-nav{position:absolute;top:calc(50% - 15px);z-index:2;width:30px;height:30px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(13,29,35,.64);color:#fff;font:700 24px/24px Arial;opacity:0;transition:.14s;cursor:pointer}
.listing-image-nav.prev{left:7px}.listing-image-nav.next{right:7px}
.listing-media:hover .listing-image-nav,.listing-media:focus-within .listing-image-nav{opacity:1}
.listing-thumb-strip{position:absolute;z-index:2;left:7px;right:7px;bottom:7px;display:flex;gap:4px;align-items:center;opacity:0;transform:translateY(5px);transition:.14s}
.listing-media:hover .listing-thumb-strip,.listing-media:focus-within .listing-thumb-strip{opacity:1;transform:none}
.listing-thumb-strip button{width:30px;height:22px;overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:4px;background:#fff;padding:0;cursor:pointer;opacity:.78}
.listing-thumb-strip button.on{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.listing-thumb-strip img{width:100%;height:100%;object-fit:cover!important;background:#fff!important}
.listing-thumb-strip span{padding:3px 5px;border-radius:4px;background:rgba(13,29,35,.7);color:#fff;font-size:10px;font-weight:800}
.listing-feature-tokens{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.listing-feature-tokens span{min-width:30px;padding:3px 5px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--accent-dark);font-size:9px;font-weight:900;line-height:1;text-align:center}
.cr-placeholder{font-size:44px;color:var(--ink-20)}
.cr-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;background:var(--accent);color:#fff}
.cr-fav{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(255,255,255,.96);color:#24343d;border:1px solid #c9d5da;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}
.cr-fav.on{background:#fef2f2;color:#b42318;border-color:#f9b0b0}
.cr-views{position:absolute;bottom:6px;left:8px;background:rgba(26,26,26,.7);color:rgba(255,255,255,.9);padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600}
.cr-body{flex:1;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.cr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.cr-brand{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.cr-name{font-family:'Instrument Serif',serif;font-size:19px;color:var(--ink)}
.cr-price-val{font-size:21px;font-weight:700;color:var(--ink);letter-spacing:-.5px;text-align:right;white-space:nowrap}
.cr-price-note{font-size:11px;color:var(--ink-40);text-align:right}
.fuel-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:4px;font-size:11px;font-weight:600;margin:7px 0}
.cr-specs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}
.spec-pill{padding:3px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--ink-60);font-weight:500}
.cr-equip{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}
.eq-tag{padding:3px 7px;background:var(--surface-2);border-radius:4px;font-size:10px;color:var(--ink-60)}
.cr-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border);gap:8px;flex-wrap:wrap}
.seller-info{display:flex;align-items:center;gap:8px}
.seller-link{padding:0;background:none;border:0;text-align:left;cursor:pointer;border-radius:8px;transition:.12s}
.seller-link:hover .seller-name{color:var(--accent)}
.seller-link:hover .seller-av{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.seller-av{width:24px;height:24px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ink-60)}
.seller-name{font-size:12px;color:var(--ink-60)}
.seller-loc{font-size:11px;color:var(--accent)}
.cr-actions{display:flex;gap:5px}
.btn-call{padding:7px 12px;background:var(--grad-accent2);color:#fff;border-radius:6px;font-size:12px;font-weight:600;transition:.12s}
.btn-call:hover{background:var(--accent)}
.btn-msg{padding:7px 10px;border:1.5px solid var(--border);border-radius:6px;font-size:12px;color:var(--ink-60);transition:.1s}
.btn-msg:hover{border-color:var(--border-2);color:var(--ink)}

/* ── CAR TILE (grid view) ── */
.car-tile{background:var(--grad-card);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:.15s}
.car-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 22px rgba(47,95,115,.14)}
.ct-img{height:148px;background:var(--surface-2);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:42px;color:var(--ink-20)}
.ct-img img{width:100%;height:100%;object-fit:contain;background:var(--surface-2)}
.ct-img .listing-thumb-strip{bottom:6px}.ct-img .listing-thumb-strip button{width:26px;height:19px}
.ct-body{padding:12px}
.ct-brand{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.ct-name{font-family:'Instrument Serif',serif;font-size:16px;margin-bottom:4px}
.ct-price{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.3px;margin-bottom:5px}
.tile-dealer-link{display:block;width:100%;margin-top:8px;padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink-60);font-size:11.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-dealer-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}

/* ── PERSONAL SECTION ── */
.personal-section{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}
.ps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ps-title{font-family:'Instrument Serif',serif;font-size:17px}
.mm-add-btn{width:100%;margin:2px 0 12px;padding:8px;border:1.5px dashed var(--border-2);border-radius:8px;background:transparent;color:var(--accent-dark);font-size:12px;font-weight:700;cursor:pointer}
.mm-add-btn:hover{border-color:var(--accent);background:var(--accent-light)}
.multi-model-extra{padding-top:4px}
.ps-action-btn{padding:7px 11px;border-radius:999px;border:1px solid var(--border-2);background:var(--card);color:var(--accent-dark);font-size:12px;font-weight:800;cursor:pointer}
.ps-action-btn:hover{border-color:var(--accent);background:var(--accent-light)}
/* Preveri pred nakupom */
.buyer-checklist{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.buyer-checklist ul{list-style:none;margin:10px 0 8px;display:grid;gap:9px}
.buyer-checklist li{display:grid;gap:2px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.buyer-checklist li b{font-size:12.5px}
.buyer-checklist li span{font-size:12px;color:var(--ink-60);line-height:1.5}
.buyer-checklist small{font-size:11px;color:var(--ink-40)}
/* Neznana tehnična polja — zloženo */
.tech-unknown-block{margin-top:10px}
.tech-unknown-block summary{font-size:12px;font-weight:700;color:var(--ink-40);cursor:pointer;padding:4px 0}
.tech-unknown-block .specs-grid{margin-top:8px}
/* Izbirnik kategorije pred objavo */
.category-picker{margin:0 0 12px;padding:11px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface)}
.catp-title{font-size:12px;font-weight:800;margin-bottom:8px}
.catp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.catp-card{display:grid;justify-items:center;gap:2px;padding:8px 7px;border:1.5px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer;transition:.12s}
.catp-card .veh-icon{width:46px;height:24px;color:var(--ink-60)}
.catp-card .portal-cat-art{width:100%;height:48px;object-fit:contain;object-position:center;display:block;margin-bottom:2px}
.catp-card.on .veh-icon{color:var(--accent-dark)}
.catp-card .catp-ic{font-size:30px;line-height:1}
.catp-svg{width:46px;height:24px;color:var(--ink-60)}
.catp-card.on .catp-svg{color:var(--accent-dark)}
.catp-card b{font-size:12px;line-height:1.2}
.catp-card span:last-child{font-size:11px;color:var(--ink-40)}
.catp-card:hover{border-color:var(--accent-mid)}
.catp-card.on{border-color:var(--accent);background:var(--accent-light);box-shadow:0 3px 12px rgba(20,42,52,.10)}
@media(max-width:900px){.catp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.category-picker{padding:9px}.catp-cards{gap:6px}.catp-card{grid-template-columns:58px minmax(0,1fr);justify-items:start;text-align:left;align-items:center;padding:7px 6px}.catp-card .veh-icon{width:30px}.catp-card .portal-cat-art{width:56px;height:38px;margin:0}.catp-card b{min-width:0;overflow-wrap:anywhere;font-size:11px}}
/* PWA namestitveni banner */
.install-banner{position:fixed;left:50%;bottom:14px;transform:translate(-50%,120%);display:flex;align-items:center;gap:12px;max-width:520px;width:calc(100% - 28px);padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 12px 40px rgba(0,0,0,.22);z-index:340;transition:transform .3s ease}
.install-banner.show{transform:translate(-50%,0)}
.install-banner .ib-ic{font-size:24px}
.install-banner b{display:block;font-size:13px}
.install-banner div span{font-size:11.5px;color:var(--ink-60)}
.ib-install{margin-left:auto;padding:9px 16px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:800;border:0;cursor:pointer}
.ib-close{font-size:18px;color:var(--ink-40);background:none;border:0;cursor:pointer;padding:2px 6px}
/* Zavihki kategorij na seznamu */
.cat-tabs{display:inline-flex;gap:4px;margin-left:14px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;vertical-align:middle}
.cat-tabs button{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink-60);background:transparent;border:0;cursor:pointer}
.cat-tabs button.on{background:var(--card);color:var(--accent-dark);box-shadow:0 1px 4px rgba(20,42,52,.12)}
.home-category-tabs{margin:0 0 14px;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:8px}
.home-category-tabs button{min-height:38px;border-radius:6px}
.add-category-tabs{margin:0 0 16px;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:8px}
.add-category-tabs button{min-height:42px;border-radius:6px;font-size:13px}
.add-body-picker{margin:0 0 16px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}
.add-type-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.add-type-picker-head>div{display:grid;gap:3px}.add-type-picker-head span{font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.add-type-picker-head b{font-size:18px;color:var(--ink)}.add-type-picker-head small{font-size:11px;color:var(--ink-60)}
.add-type-clear{flex:0 0 auto;padding:8px 11px;border:1px solid var(--border-2);border-radius:7px;background:var(--card);color:var(--ink-60);font-size:11px;font-weight:800;cursor:pointer}
.add-type-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.add-type-image-card{display:grid;grid-template-rows:82px auto auto;align-items:start;gap:3px;min-width:0;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.add-type-image-card>span{display:grid;place-items:center;width:100%;height:82px;overflow:hidden}.add-type-image-card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.add-type-image-card b{font-size:12px;line-height:1.25;overflow-wrap:anywhere}.add-type-image-card small{font-size:9.5px;line-height:1.3;color:var(--ink-60);overflow-wrap:anywhere}
.add-type-image-card:hover{border-color:var(--accent);box-shadow:0 5px 14px rgba(20,42,52,.1);transform:translateY(-1px)}
.add-type-image-card.on{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent),0 5px 14px rgba(20,42,52,.12);background:var(--accent-light);color:var(--ink)}
[data-theme="dark"] .home-category-tabs button.on,[data-theme="dark"] .add-category-tabs button.on{background:var(--accent);color:#fff}
@media(max-width:700px){.cat-tabs{margin:8px 0 0;display:flex;overflow-x:auto}}
@media(max-width:900px){.add-type-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.home-category-tabs,.add-category-tabs{margin:0 0 14px;display:grid;overflow:visible}.home-category-tabs button,.add-category-tabs button{padding:8px 6px;white-space:normal}.add-body-picker{margin-top:0;padding:11px}.add-type-picker-head{align-items:flex-start}.add-type-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.add-type-image-card{grid-template-rows:66px auto auto;padding:7px}.add-type-image-card>span{height:66px}}
/* Social kit */
.social-kit-head{font-size:13px;font-weight:800;margin:12px 0 8px}
.social-kit-head span{display:block;font-size:11px;font-weight:500;color:var(--ink-40);margin-top:2px}
.social-share-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ssr-btn{padding:9px 13px;border-radius:8px;font-size:12px;font-weight:800;border:1px solid var(--border-2);background:var(--card);color:var(--ink);cursor:pointer}
.ssr-btn.fb{background:#1877f2;border-color:#1877f2;color:#fff}
.ssr-btn.x{background:#111;border-color:#111;color:#fff}
.ssr-btn.wa{background:#1fae54;border-color:#1fae54;color:#fff}
.ssr-btn.ig{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);border:0;color:#fff}
.social-kit-note{font-size:11px;color:var(--ink-40);line-height:1.5;margin:4px 0 12px;padding:8px 10px;border-left:3px solid var(--border-2);background:var(--surface)}
/* Zakaj ta cena — razčlenitev */
.ppg-why{margin-top:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.ppg-why summary{font-size:12px;font-weight:800;color:var(--accent-dark);cursor:pointer}
.ppg-why ul{list-style:none;margin:8px 0 6px;display:grid;gap:5px}
.ppg-why li{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-60)}
.ppg-why li b.plus{color:var(--green)}
.ppg-why li b.minus{color:var(--red)}
.ppg-why small{font-size:10.5px;color:var(--ink-40);line-height:1.4;display:block}
/* Pasica padcev cen shranjenih */
.saved-drops-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px solid #8bb8ce;border-radius:10px;background:var(--green-bg);font-size:12.5px;color:var(--green);font-weight:600}
.saved-drops-banner button{padding:5px 10px;border-radius:999px;border:1px solid #8bb8ce;background:var(--card);color:var(--ink);font-size:12px;cursor:pointer}
.saved-drops-banner button b{color:var(--green)}
.saved-drops-banner .sdb-ack{margin-left:auto;color:var(--ink-60);font-weight:700}
/* Padec cene na shranjenih */
.ps-drop{font-size:10px;font-weight:800;color:var(--green);background:var(--green-bg);border-radius:999px;padding:1px 6px;vertical-align:middle}
/* Cenovni čuvaj za kupca */
.price-guard{margin-top:12px;padding:14px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface)}
.price-guard .ppg-head{display:flex;gap:10px;align-items:flex-start}
.price-guard .ppg-ic{font-size:20px;line-height:1.2;flex:0 0 auto}
.price-guard b{font-size:14px;display:block;margin-bottom:4px}
.price-guard p{font-size:12.5px;line-height:1.55;color:var(--ink-60);margin:0}
.price-guard.over{border-color:#efaaa4;background:var(--red-bg)}
.price-guard.over b{color:var(--red)}
.price-guard.caution{border-color:#e1bd74;background:#fff8e6}
.price-guard.caution b{color:#7b5512}
[data-theme="dark"] .price-guard.caution{background:#382d18}
[data-theme="dark"] .price-guard.caution b{color:#f0cc82}
.price-guard.good{border-color:#8bb8ce;background:var(--green-bg)}
.price-guard.good b{color:var(--green)}
.ppg-history{margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--card);border:1px solid var(--border);font-size:12px;font-weight:600}
.ppg-links{margin-top:10px;font-size:12px;color:var(--ink-60)}
.ppg-links a{color:var(--accent);font-weight:700}
.ppg-links small{display:block;margin-top:4px;font-size:11px;color:var(--ink-40)}
/* Zaupanje v podatke oglasa */
.data-trust{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.dt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dt-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--border)}
.dt-badge.high{background:var(--green-bg);color:var(--green);border-color:#8bb8ce}
.dt-badge.medium{background:#fff8e6;color:#7b5512;border-color:#e1bd74}
.dt-badge.low{background:var(--red-bg);color:var(--red);border-color:#efaaa4}
.dt-badge.insufficient{background:var(--surface-2);color:var(--ink-60)}
[data-theme="dark"] .dt-badge.medium{background:#382d18;color:#f0cc82}
.dt-bar{height:6px;border-radius:999px;background:var(--surface-2);margin:10px 0 8px;overflow:hidden}
.dt-bar i{display:block;height:100%;border-radius:999px;background:var(--accent)}
.data-trust.high .dt-bar i{background:var(--green)}
.data-trust.low .dt-bar i{background:var(--red)}
.dt-details summary{font-size:12px;font-weight:700;color:var(--ink-60);cursor:pointer}
.dt-details ul{margin:6px 0 10px 18px;font-size:12px;color:var(--ink-60);line-height:1.55}
.dt-details b{font-size:12px;color:var(--ink)}
.dt-details small{display:block;margin-top:6px;font-size:11px;color:var(--ink-40);line-height:1.5}
.ps-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.ps-scroll::-webkit-scrollbar{height:3px}
.ps-scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}
.ps-card{flex-shrink:0;width:136px;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:.12s;background:var(--card)}
.ps-card:hover{border-color:var(--accent);transform:translateY(-1px)}
.ps-card-img{height:88px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:30px;color:var(--ink-20)}
.ps-card-img img{width:100%;height:100%;object-fit:contain;background:var(--surface-2)}
.ps-card-body{padding:8px}
.ps-card-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-card-price{font-size:12px;font-weight:700;color:var(--accent);margin-top:2px}

/* ── DETAIL ── */
.detail-wrap{max-width:1060px;margin:0 auto;padding:22px 20px}
.back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--card);border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--ink-60);margin-bottom:18px;transition:.1s}
.back-btn:hover{border-color:var(--border-2);color:var(--ink)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.detail-grid>*,.detail-overview,.detail-body{min-width:0;max-width:100%}
.detail-owner-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:7px;background:var(--card)}
.detail-owner-toolbar>div:first-child{display:flex;min-width:0;flex-direction:column;gap:2px}.detail-owner-toolbar b{color:var(--ink);font-size:13px}.detail-owner-toolbar span{color:var(--ink-60);font-size:11px}.detail-owner-toolbar-actions{display:flex;gap:7px;flex:0 0 auto}.detail-owner-toolbar-actions button{min-height:38px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink);padding:0 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.detail-owner-toolbar-actions button.danger{border-color:color-mix(in srgb,var(--red) 55%,var(--border));background:var(--red-bg);color:var(--red)}
.gallery{border-radius:12px;overflow:hidden;border:1.5px solid var(--border)}
.gallery-stage{position:relative;background:var(--surface-2);overflow:hidden}
.gallery-main{width:100%;height:440px;object-fit:contain;display:block;background:var(--surface-2)}
.gallery-nav{position:absolute;z-index:3;top:50%;width:38px;height:50px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.7);border-radius:8px;background:rgba(13,29,35,.66);color:#fff;font:700 34px/35px Arial;cursor:pointer;opacity:0;transition:.14s}
.gallery-stage:hover .gallery-nav,.gallery-stage:focus-within .gallery-nav{opacity:1}.gallery-nav-prev{left:10px}.gallery-nav-next{right:10px}
.gallery-count{position:absolute;z-index:3;right:10px;bottom:10px;padding:4px 8px;border-radius:6px;background:rgba(13,29,35,.72);color:#fff;font-size:11px;font-weight:800}
.gallery-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
.gallery-damage-hotspot{position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:#fff;pointer-events:auto;cursor:pointer}
.gallery-damage-hotspot b{display:grid;place-items:center;width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:#dc2626;box-shadow:0 2px 8px rgba(0,0,0,.42);font-size:11px}
.gallery-damage-hotspot.severity-moderate b{background:#d97706}.gallery-damage-hotspot.severity-major b{background:#991b1b}
.gallery-damage-hotspot span{max-width:0;overflow:hidden;white-space:nowrap;padding:4px 0;border-radius:5px;background:rgba(13,29,35,.82);font-size:11px;font-weight:800;transition:.14s}
.gallery-damage-hotspot:hover span,.gallery-damage-hotspot:focus-visible span{max-width:180px;padding:4px 7px}
.gallery-placeholder{width:100%;height:360px;display:flex;align-items:center;justify-content:center;font-size:80px;color:var(--ink-20);background:var(--surface-2)}
.gallery-thumbs{display:flex;gap:5px;padding:7px;background:#fff;overflow-x:auto}
.gthumb{width:78px;height:58px;border-radius:6px;object-fit:contain;background:var(--surface-2);cursor:pointer;border:2px solid transparent;flex-shrink:0}
.gthumb.on{border-color:var(--accent)}
.detail-brand{font-size:11px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;margin-top:16px}
.detail-name{font-family:'Instrument Serif',serif;font-size:30px;letter-spacing:-.5px}
.detail-overview>.detail-view-count{display:block;width:max-content;margin:6px 0 0;color:var(--ink-40);font-size:11px;font-weight:650;line-height:1.35}
.detail-overview>.detail-view-count+.fuel-tag{margin:7px 0 0!important}
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}
.spec-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
.spec-box-l{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.spec-box-v{font-size:14px;font-weight:600}
.public-technical-section{margin:18px 0}
.public-tech-table{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.public-tech-row{display:grid;grid-template-columns:minmax(150px,38%) minmax(0,1fr);align-items:center;min-height:44px;border-bottom:1px solid var(--border)}
.public-tech-row:last-child{border-bottom:0}
.public-tech-row:nth-child(even){background:var(--surface)}
.public-tech-row>span{align-self:stretch;display:flex;align-items:center;padding:10px 14px;border-right:1px solid var(--border);color:var(--ink-40);font-size:10px;font-weight:800;text-transform:uppercase}
.public-tech-row>b{min-width:0;padding:10px 14px;color:var(--ink);font-size:13px;overflow-wrap:anywhere}
.equip-section{background:var(--surface);border-radius:10px;padding:14px;margin-bottom:14px}
.equip-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-60);margin-bottom:9px}
.equip-list{display:flex;flex-wrap:wrap;gap:5px}
.equip-item{padding:4px 10px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--ink-60)}
.desc-section{background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:14px;margin-bottom:14px}
.desc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-60);margin-bottom:9px}
.desc-text{font-size:14px;line-height:1.8;color:var(--ink-60);white-space:pre-wrap}
@media(max-width:560px){.public-tech-row{grid-template-columns:minmax(112px,42%) minmax(0,1fr)}.public-tech-row>span,.public-tech-row>b{padding:9px 10px}}

/* contact card */
.contact-card{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:16px;position:sticky;top:74px}
.cc-price{font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-.8px;margin-bottom:3px}
.cc-note{font-size:13px;color:var(--ink-60);margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.cc-seller{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cc-av{width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink-60)}
.cc-seller-name{font-weight:600;font-size:14px}
.seller-detail-link{cursor:pointer}
.seller-detail-link:hover{color:var(--accent)}
.cc-seller-loc{font-size:12px;color:var(--ink-60);margin-top:1px}
.cc-dealer-list-btn{width:100%;padding:9px 10px;margin:-4px 0 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:12.5px;font-weight:700;color:var(--accent);transition:.12s}
.cc-dealer-list-btn:hover{border-color:var(--accent);background:var(--accent-light)}
.btn-tel{width:100%;padding:12px;background:var(--grad-accent2);color:#fff;border-radius:8px;font-weight:600;font-size:14px;margin-bottom:7px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.12s;box-shadow:0 4px 14px rgba(242,107,79,.28)}
.btn-tel:hover{background:var(--accent)}
.btn-write{width:100%;padding:11px;background:var(--card);border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--ink-60);display:flex;align-items:center;justify-content:center;gap:8px;transition:.1s}
.btn-write:hover{border-color:var(--border-2);color:var(--ink)}
.cc-views{text-align:center;font-size:11px;color:var(--ink-40);margin-top:10px}

.cc-save-search-btn{width:100%;margin-top:8px;padding:9px;border:1.5px dashed var(--border);border-radius:8px;font-size:12px;font-weight:500;color:var(--ink-60);display:flex;align-items:center;justify-content:center;gap:6px;transition:.12s}
.cc-save-search-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}

.price-gauge{display:grid;gap:11px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);margin:12px 0}
.price-gauge>div:first-child{display:grid;gap:3px}.price-gauge span{font-size:10px;font-weight:900;color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em}.price-gauge b{font-size:14px;color:var(--ink)}.price-gauge small{font-size:11px;line-height:1.45;color:var(--ink-60)}
.price-gauge-scale{position:relative;display:grid;grid-template-columns:24px 1fr 24px;align-items:center;height:27px;color:var(--ink-40);font-size:11px}.price-gauge-scale:before{content:'';position:absolute;left:24px;right:24px;top:12px;height:6px;border-radius:6px;background:linear-gradient(90deg,#45a56d 0%,#e0aa24 50%,#d05a55 100%)}.price-gauge-scale i{position:absolute;z-index:2;top:3px;width:20px;height:20px;transform:translateX(-50%);border:3px solid var(--card);border-radius:50%;background:var(--ink);box-shadow:0 1px 5px rgba(0,0,0,.25)}.price-gauge-scale em{position:relative;z-index:1;font-style:normal}.price-gauge-scale em:last-child{text-align:right}.price-gauge-scale strong{position:absolute;z-index:2;left:50%;top:-9px;transform:translateX(-50%);padding:2px 6px;border-radius:4px;background:var(--card);color:var(--ink);font-size:10px}

/* price analysis */
.price-analysis-box{display:none!important}
.pa-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-60);margin-bottom:10px}
.pa-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.pa-item{background:#fff;border:1px solid var(--border);border-radius:8px;padding:9px 11px}
.pa-label{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.pa-val{font-size:13px;font-weight:600;color:var(--ink)}
.pa-verdict{font-size:12px;font-weight:600;padding:7px 11px;border-radius:6px;display:inline-block}
.verdict-great{background:#e4eef3;color:var(--green)}
.verdict-good{background:#eaf3de;color:#3a6020}
.verdict-ok{background:var(--surface-2);color:var(--ink-60)}
.verdict-warn{background:#fff8e6;color:var(--orange)}
.verdict-high{background:var(--red-bg);color:var(--red)}

/* ── ADD FORM ── */
.add-wrap{max-width:1280px;margin:0 auto;padding:18px 20px 30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.add-header,.add-subtitle,.ad-quality-box,.add-section-description,.submit-btn{grid-column:1/-1}
.add-header{margin-bottom:-8px}
.add-subtitle{margin:0 0 -3px}
.add-section-photos{grid-column:1}
.add-section-vehicle{grid-column:2}
.add-section-extra{grid-column:1}
.add-section-equipment{grid-column:2}
.add-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px;gap:12px;flex-wrap:wrap}
.add-title{font-family:'Instrument Serif',serif;font-size:28px;letter-spacing:-.5px}
.btn-guide{padding:8px 14px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;color:var(--ink-60);transition:.12s}
.btn-guide:hover{border-color:var(--border-2);color:var(--ink)}
.add-subtitle{font-size:13px;color:var(--ink-40);margin-bottom:22px}
.form-section{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:16px;margin:0;min-width:0}
.form-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-60);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.frow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
.fg{margin-bottom:11px}
.fg:last-child{margin-bottom:0}
.fg label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-60);margin-bottom:4px}
.field-help{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:6px;border:1px solid var(--accent-mid);border-radius:50%;background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:900;vertical-align:middle;cursor:pointer}
.field-help:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.field-help:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}
.field-glossary-modal{width:min(620px,calc(100vw - 28px));max-width:620px}
.field-glossary-body{display:grid;gap:14px;line-height:1.58}
.field-glossary-summary{margin:0;font-size:15px;color:var(--ink)}
.field-glossary-points{display:grid;gap:9px;margin:0;padding-left:20px;color:var(--ink-60)}
.field-glossary-points li::marker{color:var(--accent)}
.field-glossary-check{padding:11px 13px;border-left:3px solid var(--accent);background:var(--surface);color:var(--ink-60);font-size:13px}
.site-guide-widget{display:none!important}
@media(max-width:640px){.field-glossary-overlay{align-items:flex-end}.field-glossary-modal{width:100%;max-width:none;margin:0;border-radius:12px 12px 0 0;max-height:min(78vh,680px);overflow:auto}.field-glossary-body{gap:11px}.field-glossary-summary{font-size:14px}}
.fg input,.fg select,.fg textarea,.fg-select{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);outline:none;font-size:13px;transition:.15s;appearance:none;color:var(--ink);font-family:inherit}
.fg select,.fg-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23999' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.fg input:focus,.fg select:focus,.fg textarea:focus,.fg-select:focus{border-color:var(--accent);background:#fff}
.fg textarea{resize:vertical;min-height:95px}
.upload-zone{border:2px dashed var(--border-2);border-radius:10px;padding:28px;text-align:center;cursor:pointer;background:var(--surface);transition:.15s;margin-bottom:9px;display:block;width:100%;min-height:130px}
.upload-zone:hover{border-color:var(--accent);background:var(--accent-light)}
.upload-zone input{display:none}
.upload-text{font-size:13px;color:var(--ink-60);font-weight:500;margin-top:7px}
.upload-sub{font-size:11px;color:var(--ink-40);margin-top:3px}
.img-previews{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.img-previews:empty{display:none}
.img-preview{position:relative;width:112px;height:84px;border-radius:8px;overflow:hidden;border:1.5px solid var(--border);background:var(--surface-2)}
.img-preview.has-quality-warning{border-color:var(--orange);box-shadow:0 0 0 1px color-mix(in srgb,var(--orange) 35%,transparent)}
.img-quality-badge{position:absolute;left:4px;bottom:4px;max-width:calc(100% - 8px);padding:3px 5px;border-radius:4px;background:rgba(145,72,20,.92);color:#fff;font-size:8px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.technical-consistency-warning{display:block;margin-top:5px;padding:6px 7px;border-left:3px solid var(--orange);background:var(--orange-bg,#fff5e9);color:var(--orange);font-size:10px;line-height:1.4}
.technical-consistency-warning[hidden]{display:none}
.img-preview img{width:100%;height:100%;object-fit:contain}
.img-del{position:absolute;top:3px;right:3px;background:rgba(26,26,26,.7);color:#fff;border-radius:4px;width:17px;height:17px;font-size:10px;display:flex;align-items:center;justify-content:center}
.main-img-badge{position:absolute;bottom:3px;left:3px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px}
.eq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.eq-add{padding:7px 8px;border:1.5px solid var(--border);border-radius:6px;font-size:11px;color:var(--ink-60);background:var(--surface);text-align:left;transition:.1s}
.eq-add.on{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark);font-weight:600}
.eq-add.suggested.on{box-shadow:inset 3px 0 0 var(--accent2)}
.eq-suggest-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1.5px dashed var(--border-2);border-radius:10px;background:var(--surface);margin-bottom:12px}
.eq-suggest-panel b{display:block;font-size:13px;color:var(--ink);margin-bottom:3px}
.eq-suggest-panel span{display:block;font-size:12px;color:var(--ink-60);line-height:1.45}
.eq-suggest-panel button{flex-shrink:0;padding:8px 11px;border-radius:8px;background:var(--accent-light);border:1px solid var(--accent-mid);color:var(--accent);font-size:12px;font-weight:800}
.eq-suggest-panel.has-suggestions{background:linear-gradient(135deg,var(--accent-light),var(--card));border-style:solid;border-color:var(--accent-mid)}
.submit-btn{width:100%;padding:14px;background:var(--grad-accent2);color:#fff;border-radius:8px;font-weight:700;font-size:15px;margin-top:4px;transition:.12s;box-shadow:0 4px 14px rgba(242,107,79,.28)}
.submit-btn:hover{background:var(--accent)}
.submit-btn:disabled{opacity:.4;cursor:not-allowed}

/* ── AI PANEL ── */
.ai-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:13px;margin-bottom:11px}
.ai-panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-60);margin-bottom:5px}
.ai-panel-desc{font-size:12px;color:var(--ink-40);margin-bottom:9px;line-height:1.5}
.btn-ai{padding:8px 15px;background:var(--ink);color:#fff;border-radius:8px;font-size:12px;font-weight:600;transition:.12s;display:inline-flex;align-items:center;gap:6px}
.btn-ai:hover{background:var(--accent)}
.btn-ai:disabled{opacity:.4;cursor:not-allowed}
.ai-loading{display:none;align-items:center;gap:8px;font-size:12px;color:var(--ink-40);margin-top:7px}
.ai-loading.show{display:flex}
.spinner{width:14px;height:14px;border:2px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.price-result{background:#fff;border:1.5px solid var(--border);border-radius:8px;padding:13px;margin-top:9px;display:none}
.price-result.show{display:block}
.price-range{font-size:21px;font-weight:700;color:var(--ink);letter-spacing:-.5px}
.price-range-sub{font-size:12px;color:var(--ink-40);margin-top:3px}
.condition-tag{display:inline-block;padding:3px 9px;border-radius:4px;font-size:11px;font-weight:700;margin-top:7px}
.cond-excellent{background:var(--green-bg);color:var(--green)}
.cond-good{background:var(--accent-light);color:var(--accent-dark)}
.cond-poor{background:var(--red-bg);color:var(--red)}
.analysis-detail{font-size:12px;color:var(--ink-60);margin-top:9px;line-height:1.6}
.btn-use-price{margin-top:9px;padding:7px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:6px;font-size:12px;font-weight:600;color:var(--ink-60);transition:.1s}
.btn-use-price:hover{border-color:var(--border-2);color:var(--ink)}
.analysis-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.analysis-actions .btn-use-price{margin-top:0}
.btn-use-description{padding:7px 14px;background:var(--accent);border:1.5px solid var(--accent);border-radius:6px;font-size:12px;font-weight:700;color:#fff;transition:.1s}
.btn-use-description:hover{filter:brightness(1.08)}
.maintenance-questions{margin:14px 0;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.maintenance-questions>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}
.maintenance-questions>summary::-webkit-details-marker{display:none}
.maintenance-questions>summary span{color:var(--ink-50);font-size:12px;font-weight:500;text-align:right}
.maintenance-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-top:1px solid var(--line)}
.maintenance-question-grid .maintenance-notes{grid-column:1/-1}
.maintenance-questions>small{display:block;padding:0 14px 14px;color:var(--ink-50);line-height:1.45}
@media(max-width:760px){.maintenance-questions>summary{align-items:flex-start;flex-direction:column}.maintenance-questions>summary span{text-align:left}.maintenance-question-grid{grid-template-columns:1fr;padding:12px}.maintenance-question-grid .maintenance-notes{grid-column:auto}}
.service-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}
.service-facts>div{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
.service-facts span{font-size:11px;color:var(--ink-50)}
.service-facts b{font-size:13px;line-height:1.35;color:var(--ink)}
@media(max-width:600px){.service-facts{grid-template-columns:1fr}}
.analysis-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}
.analysis-group:first-child{margin-top:0;padding-top:0;border-top:0}
.analysis-group-title{font-weight:700;color:var(--ink);margin-bottom:3px}
.analysis-list{margin:0;padding-left:18px;color:var(--ink-60)}
.analysis-list li{margin:3px 0}
.analysis-warning{color:var(--orange)}

/* ── MY ADS ── */
.my-wrap{max-width:840px;margin:0 auto;padding:26px 20px}
.my-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.my-title{font-family:'Instrument Serif',serif;font-size:26px;letter-spacing:-.5px}
.btn-new{padding:9px 16px;background:var(--ink);color:#fff;border-radius:8px;font-weight:600;font-size:13px;transition:.12s}
.btn-new:hover{background:var(--accent)}
.my-card{background:var(--card);border:1.5px solid var(--border);border-radius:12px;display:flex;overflow:hidden;margin-bottom:9px}
.my-card-img{width:120px;flex-shrink:0;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--ink-20);overflow:hidden}
.my-card-img img{width:100%;height:100%;object-fit:contain;background:var(--surface-2)}
.my-card-body{flex:1;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.my-card-name{font-size:15px;font-weight:600;margin-bottom:2px}
.my-card-meta{font-size:12px;color:var(--ink-60)}
.my-views-n{font-size:19px;font-weight:700;color:var(--accent)}
.my-views-l{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.05em}
.my-card-actions{display:flex;flex-direction:column;gap:5px}
.btn-preview{padding:7px 13px;background:var(--surface);border:1.5px solid var(--border);border-radius:6px;color:var(--ink-60);font-size:12px;font-weight:500}
.btn-delete{padding:7px 13px;background:var(--red-bg);border:1px solid #f0a8a0;border-radius:6px;color:var(--red);font-size:12px;font-weight:500}
.empty-state{text-align:center;padding:56px 20px}
.empty-icon{font-size:36px;opacity:.3;margin-bottom:10px}
.empty-text{font-size:15px;font-weight:500;color:var(--ink-60);margin-bottom:4px}
.empty-sub{font-size:13px;color:var(--ink-40)}

/* ── INBOX ── */
.inbox-wrap{max-width:980px;margin:0 auto;padding:22px 20px}
.inbox-grid{display:grid;grid-template-columns:280px 1fr;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;height:calc(100vh - 150px);min-height:480px}
.inbox-sidebar{border-right:1.5px solid var(--border);overflow-y:auto;background:var(--card)}
.inbox-sidebar-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.inbox-sidebar-title{font-family:'Instrument Serif',serif;font-size:17px}
.conv-item{padding:12px 15px;border-bottom:1px solid var(--border);cursor:pointer;transition:.1s;position:relative}
.conv-item:hover,.conv-item.active{background:var(--surface)}
.conv-item.active{border-left:3px solid var(--accent)}
.conv-item.unread .conv-name{font-weight:700}
.conv-item.unread{background:color-mix(in srgb,var(--accent) 12%,var(--card));box-shadow:inset 3px 0 var(--accent)}
.conv-item.awaiting-reply:not(.unread){background:color-mix(in srgb,var(--accent) 5%,var(--card))}
.conv-status{display:block;margin-top:5px;font-size:11px;font-weight:600;color:var(--accent)}
.conv-car{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.conv-name{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:2px}
.conv-preview{font-size:12px;color:var(--ink-40);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.conv-time{font-size:10px;color:var(--ink-40);position:absolute;top:12px;right:14px}
.conv-dot{position:absolute;top:16px;right:14px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.inbox-main{display:flex;flex-direction:column;background:var(--card)}
.inbox-main-head{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px}
.inbox-car-name{font-size:14px;font-weight:600}
.inbox-car-meta{font-size:11px;color:var(--ink-40)}
.bot-badge{padding:3px 9px;background:var(--accent-light);border:1px solid var(--accent-mid);border-radius:4px;font-size:10px;font-weight:700;color:var(--accent-dark)}
.messages-area{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:9px;background:var(--surface)}
.msg-bubble{max-width:70%;padding:9px 13px;border-radius:8px;font-size:13px;line-height:1.55}
.msg-me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:3px}
.msg-them{align-self:flex-start;background:var(--card);border:1px solid var(--border);color:var(--ink);border-bottom-left-radius:3px}
.msg-bot{align-self:flex-start;background:var(--accent-light);border:1px solid var(--accent-mid);color:var(--accent-dark);border-bottom-left-radius:3px}
.msg-meta{font-size:10px;margin-top:3px;opacity:.6}
.msg-input-row{padding:11px 14px;border-top:1px solid var(--border);display:flex;gap:7px;background:var(--card)}
.msg-input{flex:1;padding:9px 13px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;outline:none;resize:none;font-family:inherit;transition:.15s}
.msg-input:focus{border-color:var(--accent)}
.msg-send-btn{padding:9px 16px;background:var(--ink);color:#fff;border-radius:8px;font-size:13px;font-weight:600;transition:.12s;white-space:nowrap}
.msg-send-btn:hover{background:var(--accent)}
.msg-send-btn:disabled{opacity:.4;cursor:not-allowed}
.msg-limit{font-size:11px;color:var(--orange);text-align:center;padding:7px;border-top:1px solid var(--border);background:var(--card)}
.inbox-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--ink-40)}

/* ── PACKAGES ── */
.packages-wrap{max-width:1160px;margin:0 auto;padding:30px 20px}
.packages-title{font-family:'Instrument Serif',serif;font-size:30px;letter-spacing:-.5px;margin-bottom:6px}
.packages-sub{font-size:14px;color:var(--ink-60);margin-bottom:28px}
.pkg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px;align-items:stretch}
.pkg-card{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:22px;position:relative;transition:.15s;display:flex;flex-direction:column;min-width:0}
.pkg-card.featured{border-color:var(--accent);box-shadow:0 4px 22px rgba(47,95,115,.16)}
.pkg-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--grad-accent2);color:#fff;font-size:10px;font-weight:700;padding:3px 12px;border-radius:16px;white-space:nowrap}
.pkg-name{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-60);margin-bottom:7px}
.pkg-price{font-size:30px;font-weight:700;color:var(--ink);letter-spacing:-.8px}
.pkg-price span{font-size:14px;font-weight:400;color:var(--ink-60)}
.pkg-period{font-size:12px;color:var(--ink-40);margin-bottom:17px}
.pkg-features{list-style:none;padding:0;margin-bottom:18px;flex:1}
.pkg-features li{font-size:13px;color:var(--ink-60);padding:6px 0;border-bottom:1px solid var(--border);display:flex;gap:7px;align-items:flex-start;line-height:1.4}
.pkg-features li:last-child{border-bottom:none}
.pkg-check{color:var(--green);font-weight:700;flex-shrink:0}
.pkg-x{color:var(--ink-40);flex-shrink:0}
.btn-pkg{width:100%;padding:10px;border-radius:8px;font-size:13px;font-weight:600;transition:.12s}
.btn-pkg-dark{background:var(--ink);color:#fff}
.btn-pkg-dark:hover{background:var(--accent)}
.btn-pkg-light{background:var(--surface);border:1.5px solid var(--border);color:var(--ink-60)}
.btn-pkg-light:hover{border-color:var(--border-2);color:var(--ink)}

/* ── MODALS ── */
.overlay{position:fixed;inset:0;background:rgba(26,26,26,.55);backdrop-filter:blur(4px);z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.overlay.show{display:flex}
.modal{background:var(--card);border-radius:16px;width:100%;max-width:420px;box-shadow:0 24px 70px rgba(0,0,0,.18);overflow:hidden}
.modal-head{padding:24px 28px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}
.modal-title{font-family:'Instrument Serif',serif;font-size:21px}
.modal-subtitle{font-size:13px;color:var(--ink-60);margin-top:3px}
.modal-close{font-size:20px;color:var(--ink-40);line-height:1;padding:2px}
.modal-close:hover{color:var(--ink)}
.modal-body{padding:22px 28px 26px}
.form-field{margin-bottom:14px}
.form-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-60);margin-bottom:5px}
.form-input{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);outline:none;transition:.15s;font-size:14px;font-family:inherit;color:var(--ink)}
.form-input:focus{border-color:var(--accent);background:#fff}
.btn-primary{width:100%;padding:12px;background:var(--ink);color:#fff;border-radius:8px;font-size:14px;font-weight:600;transition:.12s;margin-top:4px}
.btn-primary:hover{background:var(--accent)}
.btn-primary:disabled{opacity:.45;cursor:not-allowed}
.btn-social{width:100%;padding:10px 15px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:7px;background:var(--card);color:var(--ink);transition:.12s}
.btn-social:hover{border-color:var(--border-2);background:var(--surface)}
.auth-divider{text-align:center;margin:14px 0;font-size:12px;color:var(--ink-40);position:relative}
.auth-divider::before,.auth-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 20px);height:1px;background:var(--border)}
.auth-divider::before{left:0}
.auth-divider::after{right:0}
.auth-err{background:var(--red-bg);color:var(--red);border-radius:8px;padding:8px 11px;font-size:13px;margin-bottom:12px;display:none}
.auth-err.show{display:block}
.auth-switch{text-align:center;margin-top:14px;font-size:13px;color:var(--ink-60)}
.auth-switch button{color:var(--accent);font-weight:600;font-size:13px}
/* Registracijski obrazec — sekcije, vrstice, soglasja */
#auth-overlay .modal{max-width:460px}
#auth-overlay .modal-body{max-height:calc(100vh - 150px);overflow-y:auto}
#complete-profile-overlay .modal-body{max-height:calc(100vh - 150px);overflow-y:auto}
.auth-section{margin:6px 0 14px;padding-top:12px;border-top:1px solid var(--border)}
.auth-section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:10px}
.auth-section-title span{display:block;text-transform:none;letter-spacing:0;font-weight:500;font-size:11px;color:var(--ink-40);margin-top:2px}
.auth-section-note{font-size:11px;line-height:1.5;color:var(--ink-40);margin-top:2px}
.form-row{display:flex;gap:10px}
.form-row .form-field{flex:1 1 0;min-width:0}
.form-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;color:var(--ink-60);margin-bottom:10px;cursor:pointer}
.form-check input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex:0 0 auto;accent-color:var(--accent);cursor:pointer}
.form-check a{color:var(--accent);font-weight:600}
.form-check b{color:var(--ink);font-weight:700}
.verify-box{display:none;margin:10px 0 14px;padding:13px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface)}
.verify-box.show{display:block}
.verify-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px}
.verify-text{font-size:12px;color:var(--ink-60);line-height:1.45;margin-bottom:10px}
.verify-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.verify-row .btn-primary{padding:10px 14px;white-space:nowrap}
.verify-link{margin-top:9px;color:var(--accent);font-size:12px;font-weight:700;text-decoration:underline}
.guide-step{display:flex;gap:13px;margin-bottom:16px}
.guide-num{width:27px;height:27px;flex-shrink:0;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.guide-step-title{font-size:14px;font-weight:600;margin-bottom:3px}
.guide-step-desc{font-size:13px;color:var(--ink-60);line-height:1.6}
.guide-tip{font-size:11px;color:var(--ink-40);margin-top:3px;font-style:italic}
.guide-stepper{padding:2px 0}
.guide-stepper-top span{display:block;font-size:11px;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.guide-stepper-top b{display:block;font-size:18px;color:var(--ink);margin-bottom:10px}
.guide-progress{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:0 0 14px}
.guide-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}
.guide-stepper p{font-size:14px;line-height:1.65;color:var(--ink-60);margin:0 0 12px}
.guide-stepper ul{margin:0 0 14px;padding-left:19px;color:var(--ink-60);font-size:13px;line-height:1.6}
.guide-stepper-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.guide-stepper-actions button{border:1px solid var(--accent-mid);border-radius:8px;background:var(--accent-light);color:var(--accent);padding:9px 10px;font-weight:900;font-size:12px}
.guide-stepper-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.guide-stepper-actions button.ghost{background:var(--surface);border-color:var(--border);color:var(--ink-60)}
.guide-stepper-actions button:disabled{opacity:.45;cursor:not-allowed}

/* ── SETTINGS ── */
.nav-settings-btn svg{display:block}
.settings-overlay{position:fixed;inset:0;background:rgba(26,26,26,.3);z-index:250;display:none}
.settings-overlay.show{display:block}
.settings-panel{position:fixed;top:0;right:0;bottom:0;width:340px;background:var(--card);border-left:1.5px solid var(--border);z-index:251;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px rgba(0,0,0,.08)}
.settings-panel.show{transform:translateX(0)}
.settings-head{padding:18px 20px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.settings-title{font-family:'Instrument Serif',serif;font-size:20px}
.settings-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:18px;color:var(--ink-40);transition:.1s}
.settings-close:hover{background:var(--surface-2);color:var(--ink)}
.settings-body{flex:1;overflow-y:auto;padding:0 20px 20px}
.settings-body::-webkit-scrollbar{width:3px}
.settings-body::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}
.settings-section{padding:18px 0 14px;border-bottom:1px solid var(--border)}
.settings-section:last-child{border-bottom:none}
.settings-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-40);margin-bottom:12px}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.settings-row:last-child{margin-bottom:0}
.settings-row-label{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:2px}
.settings-row-sub{font-size:11px;color:var(--ink-40);line-height:1.4}
.settings-row-sub-item{padding-left:12px;border-left:2px solid var(--border);margin-bottom:10px}
.toggle{position:relative;width:40px;height:22px;flex-shrink:0;cursor:pointer}
.toggle input{opacity:0;width:0;height:0;position:absolute}
.toggle-track{position:absolute;inset:0;background:var(--border-2);border-radius:12px;transition:.2s}
.toggle-track::after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.toggle input:checked + .toggle-track{background:var(--accent)}
.toggle input:checked + .toggle-track::after{transform:translateX(18px)}
.theme-btns{display:flex;gap:5px;flex-shrink:0}
.theme-btn{padding:6px 9px;border:1.5px solid var(--border);border-radius:8px;font-size:11px;font-weight:600;color:var(--ink-60);background:var(--surface);display:flex;align-items:center;gap:4px;transition:.12s;white-space:nowrap}
.theme-btn:hover{border-color:var(--border-2);color:var(--ink)}
.theme-btn.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.font-size-ctrl{display:flex;align-items:center;gap:8px;flex-shrink:0}
.font-size-btn{width:28px;height:28px;border:1.5px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:.1s}
.font-size-btn:hover{border-color:var(--border-2)}
#font-size-display{font-size:12px;color:var(--ink-60);min-width:30px;text-align:center}
.settings-danger-btn{width:100%;padding:9px 14px;background:var(--red-bg);border:1px solid #f0a8a0;border-radius:8px;color:var(--red);font-size:12px;font-weight:600;text-align:left;transition:.12s;display:block}
.settings-danger-btn:hover{background:#f9d5d4}
.settings-data-btn{width:100%;padding:9px 14px;background:var(--accent-light);border:1px solid var(--border-2);border-radius:8px;color:var(--accent-dark);font-size:12px;font-weight:700;text-align:left;transition:.12s;display:block;margin-bottom:6px}
.settings-data-btn:hover{border-color:var(--accent);background:var(--card)}
.settings-footer{padding:12px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--ink-40);flex-shrink:0}
.settings-footer a{color:var(--accent)}
.pwa-update-prompt{position:fixed;right:18px;bottom:18px;z-index:520;display:flex;align-items:center;gap:18px;width:min(470px,calc(100vw - 28px));padding:14px 15px;border:1px solid var(--border-2);border-radius:8px;background:var(--card);color:var(--ink);box-shadow:0 14px 42px rgba(20,42,52,.24)}
.pwa-update-prompt[hidden]{display:none}
.pwa-update-prompt>div:first-child{display:grid;gap:3px;flex:1}.pwa-update-prompt b{font-size:14px}.pwa-update-prompt span{font-size:12px;color:var(--ink-60)}
.pwa-update-prompt>div:last-child{display:flex;gap:7px}.pwa-update-prompt button{min-height:40px;padding:8px 11px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink);font-weight:800}.pwa-update-prompt button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
body.pwa-update-visible .site-guide-widget{display:none}

/* ── COOKIE BANNER ── */
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;background:rgba(24,32,38,.98);color:#fff;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;z-index:500;transform:translateY(calc(100% + 32px));transition:transform .3s ease;box-shadow:0 18px 48px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cookie-banner.show{transform:translateY(0)}
.cookie-main{min-width:0}
.cookie-title{font-size:15px;font-weight:800;margin-bottom:5px;color:#fff}
.cookie-text{font-size:13px;color:rgba(255,255,255,.76);line-height:1.5;max-width:880px}
.cookie-text a{color:var(--accent-mid);text-decoration:underline}
.cookie-options{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.cookie-banner.expanded .cookie-options{display:grid}
.cookie-option{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.06);cursor:pointer}
.cookie-option.disabled{cursor:default;opacity:.75}
.cookie-option span{display:block;min-width:0}
.cookie-option b{display:block;font-size:12px;color:#fff;margin-bottom:3px}
.cookie-option small{display:block;font-size:11px;color:rgba(255,255,255,.62);line-height:1.35}
.cookie-option input{width:18px;height:18px;accent-color:var(--accent2);flex-shrink:0}
.cookie-btns{display:flex;gap:8px;flex-shrink:0;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cookie-accept{padding:8px 18px;background:var(--accent);color:#fff;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:.12s}
.cookie-accept:hover{background:var(--accent-dark)}
.cookie-save{padding:8px 14px;background:var(--accent2);color:#fff;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:.12s}
.cookie-save:hover{background:var(--accent2-dark)}
.cookie-settings{padding:8px 14px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.12s}
.cookie-settings:hover{background:rgba(255,255,255,.14)}
.cookie-decline{padding:8px 14px;background:transparent;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:13px;cursor:pointer;transition:.12s}
.cookie-decline:hover{color:#fff;border-color:rgba(255,255,255,.4)}
@media (max-width:760px){
  .cookie-banner{left:10px;right:10px;bottom:10px;grid-template-columns:1fr;padding:14px;gap:13px}
  .cookie-options{grid-template-columns:1fr}
  .cookie-btns{justify-content:stretch}
  .cookie-btns button{flex:1;min-width:120px}
}

/* ── TOAST ── */
.toast{position:fixed;bottom:22px;right:22px;background:var(--ink);color:#fff;padding:10px 17px;border-radius:8px;font-size:13px;font-weight:500;z-index:999;transform:translateX(130%);transition:transform .22s;max-width:290px;box-shadow:0 8px 26px rgba(0,0,0,.18)}
.toast.show{transform:translateX(0)}
.toast.ok{background:var(--green)}
.toast.err{background:var(--red)}

/* ── DARK MODE ── */
[data-theme="dark"]{
  --ink:#edf4f6;
  --ink-60:#9fb2bc;
  --ink-40:#687d89;
  --ink-20:#2d414b;
  --surface:#11191d;
  --surface-2:#182329;
  --card:#1e2b31;
  --border:#31444d;
  --border-2:#4c6370;
  --accent:#78a9bb;
  --accent-dark:#5b8fa3;
  --accent-light:#17313b;
  --accent-mid:#9bc1cf;
  --accent2:#d48952;
  --accent2-dark:#b86d35;
  --accent2-light:#3c2617;
  --green:#5b9cc0;
  --green-bg:#102f46;
  --red:#f87171;
  --red-bg:#450a0a;
  --orange:#fb923c;
  --fuel-benz-bg:#1a1005;
  --fuel-benz-c:#fbbf24;
  --fuel-diesel-bg:#182329;
  --fuel-diesel-c:#9fb2bc;
  --fuel-ev-bg:#083344;
  --fuel-ev-c:#67e8f9;
  --fuel-phev-bg:#102f46;
  --fuel-phev-c:#5b9cc0;
  --fuel-hev-bg:#042020;
  --fuel-hev-c:#4a89ab;
  --grad-hero:linear-gradient(135deg,#0f171b 0%,#234656 58%,#8b512f 122%);
  --grad-accent:linear-gradient(135deg,#5b8fa3 0%,#9bc1cf 100%);
  --grad-accent2:linear-gradient(135deg,#d48952 0%,#b86d35 100%);
  --grad-card:linear-gradient(160deg,#1e2b31 0%,#182329 100%);
  --grad-surface:linear-gradient(180deg,#11191d 0%,#182329 100%);
  --grad-nav:rgba(17,25,29,0.97);
}
[data-theme="dark"] .nav{background:var(--grad-nav);backdrop-filter:blur(20px);border-color:var(--border)}
[data-theme="dark"] .home-hero{background:var(--grad-hero)}
[data-theme="dark"] .home-search-box{background:var(--card)}
[data-theme="dark"] .hsb-select,[data-theme="dark"] .hsb-input{background:var(--surface-2);border-color:var(--border-2);color:var(--ink)}
[data-theme="dark"] .hsb-select option{background:var(--card)}
[data-theme="dark"] .hsb-tab.on{background:var(--surface)}
[data-theme="dark"] .modal{background:var(--card)}
[data-theme="dark"] .modal-head{border-color:var(--border)}
[data-theme="dark"] .form-input{background:var(--surface-2);border-color:var(--border);color:var(--ink)}
[data-theme="dark"] .form-input:focus{background:var(--card)}
[data-theme="dark"] .btn-tel,[data-theme="dark"] .btn-primary,[data-theme="dark"] .btn-call,[data-theme="dark"] .submit-btn,[data-theme="dark"] .filter-apply-btn,[data-theme="dark"] .nav-post-btn,[data-theme="dark"] .btn-new,[data-theme="dark"] .msg-send-btn,[data-theme="dark"] .btn-pkg-dark,[data-theme="dark"] .btn-ai{background:var(--grad-accent2);color:#fff}
[data-theme="dark"] .btn-tel:hover,[data-theme="dark"] .btn-primary:hover,[data-theme="dark"] .btn-call:hover,[data-theme="dark"] .submit-btn:hover,[data-theme="dark"] .filter-apply-btn:hover,[data-theme="dark"] .nav-post-btn:hover,[data-theme="dark"] .btn-new:hover,[data-theme="dark"] .msg-send-btn:hover,[data-theme="dark"] .btn-pkg-dark:hover,[data-theme="dark"] .btn-ai:hover{background:var(--accent2-dark);color:#fff}
[data-theme="dark"] .upload-zone{background:var(--surface);border:2px dashed var(--border-2);color:var(--ink-60)}
[data-theme="dark"] .upload-zone:hover{border-color:var(--accent);background:var(--accent-light)}
[data-theme="dark"] .img-preview{border-color:#555250;background:var(--surface)}
[data-theme="dark"] .settings-panel{background:var(--surface-2);border-color:var(--border)}
[data-theme="dark"] .settings-head{border-color:var(--border)}
[data-theme="dark"] .settings-section{border-color:var(--border)}
[data-theme="dark"] .theme-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}
[data-theme="dark"] .settings-danger-btn:hover{background:#3a1515}
[data-theme="dark"] .user-menu{background:var(--card);border-color:var(--border)}
[data-theme="dark"] .user-menu button:hover{background:var(--surface)}
[data-theme="dark"] .inbox-grid{border-color:var(--border)}
[data-theme="dark"] .inbox-sidebar{background:var(--surface-2)}
[data-theme="dark"] .inbox-main,[data-theme="dark"] .msg-input-row{background:var(--card)}
[data-theme="dark"] .messages-area{background:var(--surface)}
[data-theme="dark"] .msg-them{background:var(--surface);border-color:var(--border)}
[data-theme="dark"] .msg-input{background:var(--surface-2);border-color:var(--border);color:var(--ink)}
[data-theme="dark"] .conv-item:hover,[data-theme="dark"] .conv-item.active{background:var(--card)}
[data-theme="dark"] .pkg-card{background:var(--card);border-color:var(--border)}
[data-theme="dark"] .pkg-card.featured{border-color:var(--accent)}
[data-theme="dark"] .filter-select,[data-theme="dark"] .filter-input{background:var(--card);border-color:var(--border);color:var(--ink)}
[data-theme="dark"] .filter-select option{background:var(--card)}
[data-theme="dark"] .cat-card,[data-theme="dark"] .home-car-tile,[data-theme="dark"] .brand-chip,[data-theme="dark"] .why-card,[data-theme="dark"] .home-pulse-section,[data-theme="dark"] .home-pulse-card,[data-theme="dark"] .market-pulse{background:var(--card);border-color:var(--border)}
[data-theme="dark"] .home-action-strip button,[data-theme="dark"] .home-board,[data-theme="dark"] .home-board-list div,[data-theme="dark"] .special-card{background:var(--card);border-color:var(--border);color:var(--ink)}
[data-theme="dark"] .home-pulse-lead{background:var(--surface-2)}
[data-theme="dark"] .quick-filter-bar button,[data-theme="dark"] .market-pulse-items button,[data-theme="dark"] .market-pulse-items div{background:var(--surface-2);border-color:var(--border)}
[data-theme="dark"] .home-section-gray{background:var(--surface-2)}
[data-theme="dark"] .pa-item{background:var(--surface);border-color:var(--border-2)}
[data-theme="dark"] .price-analysis-box{background:var(--surface-2);border-color:var(--border-2)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:var(--surface-2);color:var(--ink);border-color:var(--border)}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:var(--ink-40)}
[data-theme="dark"] .hsb-tab.on,[data-theme="dark"] .form-input:focus,[data-theme="dark"] .hsb-select:focus,[data-theme="dark"] .hsb-input:focus{background:var(--card);color:var(--ink)}
[data-theme="dark"] .gallery-thumbs,[data-theme="dark"] .equip-item,[data-theme="dark"] .pa-item,[data-theme="dark"] .price-result,[data-theme="dark"] .subscription-card.is-active,[data-theme="dark"] .admin-sub-card.active,[data-theme="dark"] .admin-sub-card.pending,[data-theme="dark"] .deal-verdict.steal-high{background:var(--card);border-color:var(--border);color:var(--ink)}
[data-theme="dark"] .home-pulse-lead{background:linear-gradient(135deg,var(--card),var(--surface-2));border-color:var(--border-2)}
[data-theme="dark"] .cat-card:hover{background:linear-gradient(145deg,var(--card),var(--accent-light))}
[data-theme="dark"] .settings-data-btn{background:var(--accent-light);color:var(--ink);border-color:var(--border-2)}
[data-theme="dark"] .verify-box{background:var(--surface-2);border-color:var(--border)}
[data-theme="dark"] .auth-divider{color:var(--ink-40)}
[data-theme="dark"] .sgw-panel,
[data-theme="dark"] .sgw-result,
[data-theme="dark"] .sgw-ask input,
[data-theme="dark"] .modal-body,
[data-theme="dark"] .welcome-guide-hero,
[data-theme="dark"] .welcome-guide-grid div,
[data-theme="dark"] .ad-quality-box,
[data-theme="dark"] .adq-metric,
[data-theme="dark"] .lgp-card,
[data-theme="dark"] .ai-panel,
[data-theme="dark"] .form-section,
[data-theme="dark"] .profile-section,
[data-theme="dark"] .profile-right,
[data-theme="dark"] .profile-left,
[data-theme="dark"] .subscription-card,
[data-theme="dark"] .leasing-box,
[data-theme="dark"] .contact-card,
[data-theme="dark"] .detail-card,
[data-theme="dark"] .price-history,
[data-theme="dark"] .servicebook,
[data-theme="dark"] .cookie-option,
[data-theme="dark"] .btn-social{
  background:var(--card)!important;
  color:var(--ink)!important;
  border-color:var(--border)!important;
}
[data-theme="dark"] .sgw-body p,
[data-theme="dark"] .sgw-result,
[data-theme="dark"] .welcome-guide-hero p,
[data-theme="dark"] .welcome-guide-grid span,
[data-theme="dark"] .lgp-card p,
[data-theme="dark"] .lgp-card li,
[data-theme="dark"] .ai-panel-desc,
[data-theme="dark"] .guide-step-desc,
[data-theme="dark"] .guide-tip{
  color:var(--ink-60)!important;
}
[data-theme="dark"] .sgw-ask input,
[data-theme="dark"] .profile-input,
[data-theme="dark"] .equip-custom-input,
[data-theme="dark"] .msg-input,
[data-theme="dark"] .cookie-option input{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--border-2)!important;
}
[data-theme="dark"] select option{background:var(--card)!important;color:var(--ink)!important}
[data-theme="dark"] .btn-guide,
[data-theme="dark"] .lgp-hide,
[data-theme="dark"] .sgw-actions button,
[data-theme="dark"] .sgw-ask button{
  background:var(--surface-2);
  color:var(--ink);
  border-color:var(--border-2);
}
[data-theme="dark"] .sgw-actions button:last-child,
[data-theme="dark"] .sgw-actions button.on{
  background:var(--accent2);
  color:#fff;
  border-color:var(--accent2);
}

/* compact mode */
body.compact .cr-img{min-height:110px}
body.compact .cr-body{padding:10px 13px}
body.compact .cr-name{font-size:16px}
body.compact .cr-equip{display:none}
body.compact .cars-list{gap:6px}

/* ── RESPONSIVE ── */
@media(max-width:1000px){
  .home-hero-inner{grid-template-columns:1fr;gap:18px}
  .home-search-box{max-width:none}
  .home-pulse-grid{grid-template-columns:1fr 1fr}
  .list-body{grid-template-columns:1fr}
  .list-filters{display:none;position:fixed;inset:0;z-index:520;max-height:100dvh;overflow-y:auto;padding:18px max(18px,env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border:0;margin:0;background:var(--surface)}
  .list-filters.mobile-open{display:block}
  .list-filters .filters-head{position:sticky;top:-18px;z-index:2;padding:18px 0 12px;background:var(--surface)}
  .list-filters .filter-apply-btn{position:fixed;left:18px;right:18px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:3;width:auto;margin:0;box-shadow:0 8px 30px rgba(0,0,0,.24)}
  .mobile-filter-close{display:inline-flex}
  body.mobile-filters-open{overflow:hidden}
  .mobile-filter-toggle{display:inline-flex;align-items:center;justify-content:center}
  .detail-grid{grid-template-columns:1fr}
  .contact-card{position:static}
  .categories-grid{grid-template-columns:repeat(4,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .hsb-row{grid-template-columns:1fr 1fr}
  .frow3{grid-template-columns:1fr 1fr}
  .add-wrap{grid-template-columns:1fr}
  .add-header,.add-subtitle,.ad-quality-box,.add-section-photos,.add-section-vehicle,.add-section-extra,.add-section-equipment,.add-section-description,.submit-btn{grid-column:1}
  .pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .detail-owner-toolbar{align-items:stretch;flex-direction:column}.detail-owner-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.detail-owner-toolbar-actions button{width:100%}
  .nav{height:auto;min-height:58px;padding:8px 12px;gap:8px;flex-wrap:wrap}
  .mobile-menu-btn{display:flex;align-items:center;justify-content:center;order:1}
  .nav-logo{order:0;font-size:24px;margin-right:auto}
  .nav-center{display:none}
  .nav-right{order:2;margin-left:0;gap:6px;width:100%;justify-content:space-between}
  .nav-post-btn{flex:1;padding:10px 12px;text-align:center}
  .nav-install-btn{padding:10px}
  .nav-user{padding:5px;border-radius:8px}
  .nav-username{display:none}
  .user-menu{right:12px;top:104px}
  .mobile-menu{top:96px}
  .mobile-menu.show{grid-template-columns:1fr}
  .cr-img{width:150px;min-height:132px}
  .car-row{border-radius:10px}
  .frow,.frow3{grid-template-columns:1fr}
  .eq-grid{grid-template-columns:1fr 1fr}
  .categories-grid{grid-template-columns:repeat(2,1fr)}
  .home-pulse-grid{grid-template-columns:1fr}
  .home-pulse-card{min-height:auto}
  .why-grid{grid-template-columns:1fr}
  .home-hero{padding:30px 16px 26px}
  .home-hero-title{font-size:32px}
  .home-section{padding:36px 16px}
  .hsb-row{grid-template-columns:1fr}
  .gallery-main{height:320px}
  .gthumb{width:68px;height:52px}
  .img-preview{width:104px;height:78px}
  .list-page-wrap{padding:0 16px;min-width:0;overflow-x:clip}
  .list-topbar-left{display:grid;width:100%;min-width:0;gap:8px}
  .list-topbar-left .cat-tabs{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:auto;scrollbar-width:none}
  .list-topbar-left .cat-tabs::-webkit-scrollbar,.quick-filter-bar::-webkit-scrollbar{display:none}
  .list-topbar-left .cat-tabs button{flex:0 0 auto}
  .list-topbar-right{width:100%;min-width:0}
  .adq-list{grid-template-columns:1fr}
  .quick-filter-bar{margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}
  .market-pulse{display:block}
  .market-pulse-head{border-right:none;border-bottom:1px solid var(--border);padding:0 0 10px;margin-bottom:10px}
  .market-pulse-items{grid-template-columns:1fr 1fr}
  .ai-search-wrap{min-width:100%;width:100%}
  .list-search{width:100%}
  .cars-grid{grid-template-columns:1fr}
  .inbox-grid{grid-template-columns:1fr;height:auto}
  .inbox-sidebar{max-height:240px;border-bottom:1.5px solid var(--border)}
  .pkg-grid{grid-template-columns:1fr}
}

/* ════════════════════════════════════════
   PROFILE PAGE
════════════════════════════════════════ */
.profile-wrap{max-width:900px;margin:0 auto;padding:24px 20px}
.profile-header-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.profile-title{font-family:'Instrument Serif',serif;font-size:26px;letter-spacing:-.5px}

.profile-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;margin-bottom:24px}

/* Left column */
.profile-left{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;background:var(--card);border:1.5px solid var(--border);border-radius:12px}
.profile-avatar-wrap{position:relative;margin-bottom:4px}
.profile-avatar{width:90px;height:90px;border-radius:50%;background:var(--accent);color:#fff;font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--border)}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-avatar-upload{position:absolute;bottom:0;right:0;width:28px;height:28px;background:var(--ink);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.12s;border:2px solid var(--card)}
.profile-avatar-upload:hover{background:var(--accent)}
.profile-user-name{font-size:16px;font-weight:700;color:var(--ink);text-align:center}
.profile-user-email{font-size:12px;color:var(--ink-40);text-align:center}
.profile-stats{display:flex;gap:20px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border);width:100%}
.profile-stat{flex:1;text-align:center}
.profile-stat-n{font-size:20px;font-weight:700;color:var(--accent)}
.profile-stat-l{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.dealer-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--accent-light);border:1px solid var(--accent-mid);border-radius:16px;font-size:11px;font-weight:700;color:var(--accent-dark);margin-top:4px}

/* Right column */
.profile-right{background:var(--card);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}
.profile-tabs{display:flex;border-bottom:1px solid var(--border)}
.profile-tab{flex:1;padding:14px;font-size:13px;font-weight:600;color:var(--ink-60);border-bottom:2px solid transparent;transition:.12s;text-align:center}
.profile-tab:hover{color:var(--ink);background:var(--surface)}
.profile-tab.on{color:var(--accent);border-bottom-color:var(--accent);background:var(--card)}
#profile-basic-tab,#profile-dealer-tab{padding:20px}
.profile-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}s
.profile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.profile-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-60);margin-bottom:14px}
.profile-input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);outline:none;font-size:13px;font-family:inherit;color:var(--ink);transition:.15s;margin-top:4px}
.profile-input:focus{border-color:var(--accent);background:var(--card)}
.profile-save-btn{width:100%;padding:12px;background:var(--ink);color:#fff;border-radius:8px;font-size:14px;font-weight:600;transition:.12s;margin-top:16px}
.profile-save-btn:hover{background:var(--accent)}
.profile-save-btn:disabled{opacity:.4;cursor:not-allowed}
.account-privacy-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.account-privacy-section p{margin:0 0 12px;color:var(--ink-60);font-size:13px;line-height:1.6}
.profile-delete-request{min-height:40px;padding:9px 14px;border:1px solid #c65d5d;background:transparent;color:#b43f3f;font-weight:700;border-radius:8px;cursor:pointer}
.profile-delete-request:hover{background:rgba(180,63,63,.08)}
[data-theme="dark"] .profile-delete-request{border-color:#e78b8b;color:#ffb2b2}
.subscription-card{border:1.5px solid var(--border);border-radius:12px;background:var(--surface);padding:18px}
.subscription-card.is-active{background:linear-gradient(135deg,#ffffff 0%,#eef7ff 100%);border-color:rgba(0,85,179,.28)}
.subscription-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.subscription-head h3{font-size:22px;letter-spacing:-.4px;color:var(--ink);margin:2px 0 4px}
.subscription-head p{font-size:13px;color:var(--ink-60);line-height:1.45}
.subscription-status{padding:6px 10px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:11px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.subscription-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.subscription-grid div{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px}
.subscription-grid b{display:block;font-size:16px;color:var(--ink);line-height:1.1}
.subscription-grid span{display:block;font-size:11px;color:var(--ink-60);margin-top:5px}
.subscription-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.subscription-actions .profile-save-btn,.subscription-actions .btn-pkg{margin:0;width:100%;text-align:center}
.subscription-note{font-size:11.5px;color:var(--ink-40);line-height:1.45;margin-top:12px}

/* Dealer toggle */
.dealer-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}
.dealer-toggle-label{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px}
.dealer-toggle-sub{font-size:12px;color:var(--ink-60)}
.dealer-verify-box{display:none;margin-top:12px;padding:12px 13px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink-60);font-size:12.5px;line-height:1.45}
.dealer-verify-box.pending,.dealer-verify-box.approved,.dealer-verify-box.rejected{display:block}
.dealer-verify-box b{display:block;color:var(--ink);font-size:13px;margin-bottom:3px}
.dealer-verify-box.pending{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35)}
.dealer-verify-box.approved{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.35)}
.dealer-verify-box.rejected{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35)}

/* Dealer logo upload */
.dealer-logo-upload{display:block;border:2px dashed var(--border-2);border-radius:10px;padding:20px;text-align:center;cursor:pointer;background:var(--surface);transition:.15s;margin-top:4px}
.dealer-logo-upload:hover{border-color:var(--accent);background:var(--accent-light)}
.dealer-logo-upload img{max-height:80px;max-width:200px;object-fit:contain;border-radius:6px}

/* Public profile preview */
.profile-preview-box{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:20px}
.profile-preview-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-60);margin-bottom:14px}
.profile-preview-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;align-items:center;gap:14px}
.pp-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.pp-avatar img{width:100%;height:100%;object-fit:cover}
.pp-name{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:3px}
.pp-phone{font-size:13px;color:var(--ink-60);margin-bottom:3px}
.pp-dealer-name{font-size:13px;color:var(--accent);font-weight:600}
.pp-dealer-addr{font-size:12px;color:var(--ink-40);margin-top:2px}

/* Dark mode */
[data-theme="dark"] .profile-left,[data-theme="dark"] .profile-right,[data-theme="dark"] .profile-preview-box{background:var(--card);border-color:var(--border)}
[data-theme="dark"] .profile-input{background:var(--surface-2);border-color:var(--border-2);color:var(--ink)}
[data-theme="dark"] .profile-input:focus{background:var(--surface)}
[data-theme="dark"] .dealer-logo-upload{background:var(--surface-2);border-color:var(--border-2)}
[data-theme="dark"] .profile-preview-card{background:var(--surface-2);border-color:var(--border-2)}
[data-theme="dark"] .subscription-card,[data-theme="dark"] .subscription-grid div,[data-theme="dark"] .subscription-status{background:var(--surface-2);border-color:var(--border)}

@media(max-width:700px){
  .profile-grid{grid-template-columns:1fr}
  .profile-left{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:14px;text-align:left}
  .profile-stats{margin-top:0;padding-top:0;border-top:none}
  .subscription-head{flex-direction:column}
  .subscription-grid,.subscription-actions{grid-template-columns:1fr}
}

/* ════ NOVE FUNKCIJE v2.2 ════ */

/* Paginacija */
.load-more-btn{display:block;width:100%;margin:18px 0;padding:12px;background:var(--card);border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;color:var(--accent);transition:.12s}
.load-more-btn:hover{background:var(--accent-light);border-color:var(--accent-mid)}

/* Preverjeno + ocene */
.cr-verified{position:absolute;top:8px;left:8px;background:var(--green);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.verified-inline{color:var(--green);font-weight:800}
.rating-stars{color:#f5a623;font-size:11px;letter-spacing:-1px;white-space:nowrap}
.rating-n{color:var(--ink-60);font-weight:600;margin-left:2px}

/* Gumb primerjava na kartici */
.cr-compare{position:absolute;bottom:8px;right:8px;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.96);color:#24343d;border:1px solid #c9d5da;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:.12s}
.cr-compare:hover{color:var(--accent)}
.cr-compare.on{background:var(--accent);color:#fff}

/* Compare bar */
.compare-bar{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1.5px solid var(--border);box-shadow:0 -4px 24px rgba(0,0,0,.08);z-index:300;transform:translateY(100%);transition:.2s;display:none}
.compare-bar.show{display:block;transform:translateY(0)}
.compare-bar-inner{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap}
.compare-bar-items{display:flex;gap:8px;flex-wrap:wrap}
.compare-chip{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:5px 8px 5px 11px;font-size:12px;font-weight:600}
.compare-chip button{color:var(--ink-40);font-size:16px;line-height:1}
.compare-chip button:hover{color:var(--red)}
.compare-bar-actions{display:flex;gap:8px}
.compare-clear{padding:9px 14px;border-radius:8px;font-size:13px;color:var(--ink-60);border:1.5px solid var(--border)}
.compare-go{padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;background:var(--accent);color:#fff}
.compare-go:hover{background:var(--accent-dark)}
.compare-modal{max-width:780px}
.compare-table{width:100%;border-collapse:collapse;font-size:13px}
.compare-table th,.compare-table td{padding:9px 11px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}
.compare-table thead th{vertical-align:bottom}
.compare-label{text-align:left!important;font-weight:600;color:var(--ink-60);white-space:nowrap}
.compare-best{background:var(--green-bg);font-weight:700;color:var(--green);border-radius:6px}
.compare-summary{margin:0 0 14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft,#f5f8f9)}
.compare-summary b{display:block;margin-bottom:5px;color:var(--ink)}
.compare-summary p{margin:0;color:var(--ink-60);line-height:1.55}
.compare-strength-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.compare-strength-grid article{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.compare-strength-grid strong{font-size:13px}
.compare-strength-grid ul{margin:8px 0 0;padding-left:18px;color:var(--ink-60);font-size:12px;line-height:1.5}
.compare-strength-grid li::marker{color:var(--green)}

/* Leasing kalkulator */
.leasing-box{margin-top:14px;padding:13px;background:var(--surface);border-radius:10px;overflow:hidden}
.leasing-title{font-size:12px;font-weight:700;color:var(--ink-60);margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}
.leasing-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:9px;font-size:13px}
.leasing-row label{color:var(--ink-60)}
.leasing-row input[type=range]{min-width:0;width:100%}
.leasing-row input[type=number]{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink)}
.leasing-row select{min-width:0;width:100%;box-sizing:border-box;padding:5px 28px 5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.leasing-row.manual-rate input{border-color:var(--accent)}
.leasing-result{font-size:26px;font-weight:800;color:var(--accent);margin-top:4px}
.leasing-mo{font-size:13px;font-weight:500;color:var(--ink-40);margin-left:3px}
.leasing-breakdown{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.leasing-breakdown div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--ink-60)}
.leasing-breakdown b{font-size:12px;color:var(--ink);text-align:right}
.leasing-note{font-size:11px;color:var(--ink-40);margin-top:3px}
.leasing-note a{color:var(--accent);font-weight:700}
.leasing-disclaimer{font-size:10.5px;color:var(--ink-40);margin-top:7px;line-height:1.35}

/* Kakovost oglasa */
.ad-quality-box{background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:10px 13px;margin:0;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.adq-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.adq-head span{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.adq-head small{display:block;font-size:11px;color:var(--ink-40);font-weight:500;margin-top:2px}
.adq-head b{display:block;font-size:15px;color:var(--ink);margin-top:2px}
.adq-head strong{font-size:20px;color:var(--accent)}
.adq-bar{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:0}
.adq-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f59e0b,#20648a);border-radius:inherit;transition:.2s}
.adq-message{font-size:12px;color:var(--ink-60);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin:0 0 10px;line-height:1.45}
.adq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.adq-item{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--surface);min-width:0}
.adq-item span{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:800;background:var(--surface-2);color:var(--ink-40)}
.adq-item.ok span{background:var(--green-bg);color:var(--green)}
.adq-item b{display:block;font-size:12px;color:var(--ink);line-height:1.2}
.adq-item small{display:block;font-size:10.5px;color:var(--ink-40);margin-top:2px;line-height:1.25}
.ad-quality-box.great .adq-head strong{color:var(--green)}
.adq-metric{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px;min-width:0}
.adq-metric span{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-40);margin-bottom:4px}
.adq-metric b{display:block;font-size:17px;color:var(--ink);line-height:1}
.adq-metric i{display:block;height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:7px}
.adq-metric em{display:block;height:100%;background:var(--accent);border-radius:inherit}

/* Vodeni oglas */
.listing-guide-toolbar{display:none!important}
.listing-guide-panel{display:none!important;background:linear-gradient(135deg,var(--card),var(--surface));border:1.5px solid var(--border);border-radius:12px;padding:15px;margin:0 0 18px;box-shadow:0 4px 18px rgba(47,95,115,.08)}
.listing-guide-panel.is-hidden{display:none}
.lgp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.lgp-head span{display:block;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:3px}
.lgp-head strong{display:block;font-size:16px;color:var(--ink);line-height:1.25}
.lgp-hide{border:1px solid var(--border);background:var(--surface-2);color:var(--ink-60);border-radius:8px;padding:6px 9px;font-size:12px;font-weight:800}
.lgp-hide:hover{border-color:var(--accent);color:var(--accent)}
.lgp-progress{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-bottom:12px}
.lgp-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--orange));border-radius:inherit;transition:.2s}
.lgp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.lgp-step{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:9px;min-width:0;cursor:pointer;transition:.15s}
.lgp-step:hover{border-color:var(--accent);transform:translateY(-1px)}
.lgp-step i{display:flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;background:var(--surface-2);color:var(--ink-40);font-style:normal;font-size:12px;font-weight:900;margin-bottom:6px}
.lgp-step b{display:block;font-size:12px;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgp-step small{display:block;font-size:10.5px;color:var(--ink-40);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgp-step.done{border-color:rgba(22,163,74,.35);background:var(--green-bg)}
.lgp-step.done i{background:var(--green);color:#fff}
.lgp-step.current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}
.lgp-advice{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;align-items:start}
.lgp-card{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:11px;min-width:0}
.lgp-card b{display:block;font-size:13px;color:var(--ink);margin-bottom:5px}
.lgp-card p{margin:0;font-size:12px;line-height:1.5;color:var(--ink-60)}
.lgp-card ul{margin:0;padding-left:17px;color:var(--ink-60);font-size:12px;line-height:1.55}
.lgp-card li{margin:2px 0}
.lgp-card button{margin-top:9px;border:1px solid var(--accent-mid);background:var(--accent-light);color:var(--accent);border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}
.welcome-guide-modal{max-width:640px}
.welcome-guide-hero{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--card));border-radius:12px;padding:18px;margin-bottom:12px}
.welcome-guide-logo{font-size:28px;font-weight:900;color:var(--accent);margin-bottom:7px}
.welcome-guide-hero p{margin:0;color:var(--ink-60);font-size:14px;line-height:1.55}
.welcome-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.welcome-guide-grid div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}
.welcome-guide-grid b{display:block;font-size:13px;color:var(--ink);margin-bottom:4px}
.welcome-guide-grid span{display:block;font-size:12px;line-height:1.45;color:var(--ink-60)}
.welcome-guide-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}

/* AvtoHub pomocnik */
.site-guide-widget{position:fixed;right:18px;bottom:var(--guide-bottom,18px);z-index:220;font-family:inherit;transition:bottom .25s ease,opacity .18s ease,transform .18s ease}
.site-guide-widget.collision-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}
.sgw-bubble{display:none;align-items:center;gap:7px;border:1px solid var(--border-2);background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--accent);border-radius:999px;padding:8px 11px;box-shadow:0 6px 18px rgba(0,0,0,.12);font-weight:900;opacity:.84;backdrop-filter:blur(10px)}
.sgw-bubble:hover,.sgw-bubble:focus-visible{opacity:1;background:var(--card)}
.sgw-bubble span{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
.sgw-bubble b{font-size:13px}
.sgw-panel{width:350px;max-width:calc(100vw - 36px);background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.16);overflow:hidden}
.site-guide-widget.minimized .sgw-panel{display:none}
.site-guide-widget.minimized .sgw-bubble{display:flex}
.sgw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px;background:linear-gradient(135deg,var(--accent),#1f3f4d);color:#fff}
.sgw-head span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;opacity:.75;margin-bottom:3px}
.sgw-head b{display:block;font-size:15px;line-height:1.25}
.sgw-head button{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:8px;width:28px;height:28px;font-weight:900}
.sgw-body{padding:13px}
.sgw-body p{margin:0 0 10px;color:var(--ink-60);font-size:13px;line-height:1.45}
.sgw-actions{display:block;margin-bottom:9px}
.sgw-actions button,.sgw-ask button{border:1px solid var(--accent-mid);background:var(--accent-light);color:var(--accent);border-radius:8px;padding:8px 9px;font-size:12px;font-weight:900}
.sgw-actions button{width:100%}
.sgw-actions button.on{background:var(--orange);border-color:var(--orange);color:#fff}
.sgw-ask{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:9px}
.sgw-ask input{min-width:0;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 10px;font-size:12px;outline:none}
.sgw-ask input:focus{border-color:var(--accent);background:var(--card)}
.sgw-result{display:none;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;color:var(--ink-60);font-size:12px;line-height:1.5;max-height:220px;overflow:auto}
.sgw-result.show{display:block}
.sgw-result b{display:block;color:var(--ink);font-size:13px;margin-bottom:4px}
.sgw-result ul{margin:6px 0 0;padding-left:18px}
.sgw-result li{margin:2px 0}
.sgw-auto-setting{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--ink-60);font-size:11px;cursor:pointer}
.sgw-auto-setting input{width:16px;height:16px;accent-color:var(--accent)}
.sgw-result .sgw-chat-user{margin:0 0 8px;padding:7px 9px;border-radius:8px;background:var(--accent-light);color:var(--ink);font-weight:700}
.sgw-result .sgw-chat-answer{margin:0}
.sgw-structured section{border-top:1px solid var(--border);padding-top:8px;margin-top:8px}
.sgw-structured section:first-child{border-top:0;padding-top:0;margin-top:0}
.sgw-structured section b{font-size:12px;margin:0 0 3px;color:var(--ink)}
.sgw-structured section p{margin:0;color:var(--ink-60);font-size:12px;line-height:1.45}
.sgw-tour-nav{display:grid;grid-template-columns:auto auto auto;gap:7px;margin-top:10px}
.sgw-tour-nav button{border:1px solid var(--accent-mid);background:var(--accent-light);color:var(--accent);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900}
.sgw-tour-nav button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.sgw-tour-nav button.ghost{background:var(--surface);border-color:var(--border);color:var(--ink-60)}
.sgw-tour-nav button:disabled{opacity:.45;cursor:not-allowed}
.tour-highlight{position:relative!important;z-index:980!important;border-radius:12px!important;box-shadow:0 0 0 3px var(--accent),0 0 0 9999px rgba(8,16,22,.55)!important}
.tour-highlight input,.tour-highlight select,.tour-highlight textarea,.tour-highlight button{position:relative;z-index:981}

/* Zgodovina cene */
.price-history{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.ph-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-60);margin-bottom:7px}
.ph-summary{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:7px}
.ph-empty{font-size:12px;color:var(--ink-40);line-height:1.4}
.ph-row{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed var(--border);padding-top:7px;margin-top:7px;font-size:12px;color:var(--ink-60)}
.ph-row b{color:var(--ink);white-space:nowrap}

/* Tržni položaj */
.market-pos{margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}
.mp-head{font-size:12px;font-weight:700;color:var(--ink-60);margin-bottom:9px}
.mp-sub{font-weight:400;color:var(--ink-40)}
.mp-bar{position:relative;height:8px;border-radius:6px;background:linear-gradient(90deg,var(--green) 0%,#f5c518 55%,var(--orange) 100%);margin:4px 0 6px}
.mp-fill{position:absolute;top:-3px;width:4px;height:14px;background:var(--ink);border-radius:4px;transform:translateX(-50%);box-shadow:0 0 0 2px var(--card)}
.mp-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-40)}
.mp-verdict{font-size:12px;margin-top:7px;color:var(--ink-60)}
.mp-source{font-size:10.8px;color:var(--ink-40);margin-top:6px;line-height:1.4}
.market-pos-weak{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}
.market-pos-weak .mp-head{margin-bottom:5px}

/* ServiceBook */
.servicebook{margin-top:18px;padding:15px;background:var(--card);border:1px solid var(--border);border-radius:12px}
.sb-title{font-size:14px;font-weight:700;margin-bottom:11px;display:flex;align-items:center;gap:8px}
.sb-count{font-size:11px;font-weight:600;color:var(--green);background:var(--green-bg);padding:2px 8px;border-radius:8px}
.sb-empty{font-size:13px;color:var(--ink-40)}
.sb-entry{position:relative;display:flex;gap:12px;align-items:baseline;padding:8px 0 8px 22px;border-bottom:1px dashed var(--border);font-size:13px}
.sb-entry:last-child{border-bottom:none}
.sb-entry:before{content:'';position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--border)}.sb-entry:first-of-type:before{top:16px}.sb-entry:last-of-type:before{bottom:calc(100% - 16px)}
.sb-dot{position:absolute;left:2px;top:10px;width:11px;height:11px;border:2px solid var(--card);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent-mid)}
.sb-km{font-weight:700;min-width:90px;color:var(--accent)}
.sb-desc{flex:1;color:var(--ink)}
.sb-date{font-size:11px;color:var(--ink-40)}
.sb-add-link{margin-top:9px;font-size:12px;font-weight:600;color:var(--accent)}

/* Deljenje oglasa */
.cc-share-btn{display:block;width:100%;margin-top:9px;padding:10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--accent);border:1.5px solid var(--accent-mid);background:var(--accent-light)}
.cc-share-btn:hover{background:var(--accent);color:#fff}

/* Fullscreen galerija (lightbox) */
.lightbox{position:fixed;inset:0;z-index:11000;background:rgba(0,0,0,.93);display:none;align-items:center;justify-content:center}
.lightbox.show{display:flex}
.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:6px}
.lightbox img{transition:transform .14s ease;cursor:zoom-in}
.lb-close{position:absolute;top:16px;right:22px;font-size:34px;color:#fff;background:none;line-height:1;cursor:pointer}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;color:#fff;background:rgba(255,255,255,.12);width:54px;height:78px;border-radius:8px;cursor:pointer}
.lb-nav:hover{background:rgba(255,255,255,.22)}
.lb-prev{left:14px}.lb-next{right:14px}
.lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;background:rgba(0,0,0,.45);padding:5px 13px;border-radius:12px}
.lb-zoom-controls{position:absolute;z-index:2;right:22px;bottom:16px;display:flex;align-items:center;gap:6px;padding:5px;border-radius:8px;background:rgba(0,0,0,.45);color:#fff}
.lb-zoom-controls button{width:30px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:5px;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}.lb-zoom-controls span{min-width:42px;text-align:center;font-size:11px;font-weight:800}

/* Javna stran salona */
.dealer-hero{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:8px}
.dealer-hero-av{width:74px;height:74px;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.dealer-hero-av img{width:100%;height:100%;object-fit:cover}
.dealer-eyebrow{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:5px}
.dealer-hero-name{font-size:21px;font-weight:700}
.dealer-hero-meta{font-size:13px;color:var(--ink-60);margin-top:3px}
.dealer-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.dealer-stats span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px;color:var(--ink-60)}
.dealer-stats b{color:var(--ink)}
.dealer-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px}
.dealer-h3{margin:18px 0 12px;font-size:16px;font-weight:700}
.dealer-list-head .dealer-h3{margin:0}

/* Prijava oglasa */
.cc-report-btn{display:block;width:100%;margin-top:9px;padding:9px;border-radius:8px;font-size:12px;color:var(--ink-40);border:1px solid var(--border)}
.cc-report-btn:hover{color:var(--red);border-color:var(--red)}
.cc-stolen-btn{display:block;width:100%;margin:9px 0 8px;padding:10px;border-radius:8px;font-size:13px;font-weight:800;color:var(--accent);background:var(--accent-light);border:1.5px solid var(--accent-mid);transition:.12s}
.cc-stolen-btn:hover{background:var(--accent);color:#fff}
.stolen-card{text-align:center}
.stolen-overlay{backdrop-filter:blur(8px)}
.stolen-brand{display:flex;align-items:center;gap:10px;text-align:left;margin:0 34px 18px 0;padding-bottom:14px;border-bottom:1px solid var(--border)}
.stolen-brand>span{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900}
.stolen-brand>div{display:grid;gap:2px}.stolen-brand b{color:var(--ink);font-size:15px}.stolen-brand small{color:var(--ink-60);font-size:11px}
.stolen-entry-card{max-width:480px}
.stolen-vin-form{display:grid;gap:8px;text-align:left;margin:18px 0}
.stolen-vin-form label{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--ink-60)}
.stolen-vin-form input{width:100%;height:48px;border:1.5px solid var(--border-2);border-radius:8px;background:var(--surface);color:var(--ink);padding:0 13px;font:800 17px/1 var(--font);letter-spacing:1px;text-transform:uppercase}
.stolen-vin-form input:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}
.stolen-vin-form small{font-size:11px;color:var(--ink-60);min-height:16px}.stolen-vin-form small.is-error{color:var(--red)}
.stolen-vin-form button{height:44px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:900;cursor:pointer}
.stolen-vin-form button:hover{background:var(--accent-dark)}
.stolen-status{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1.5px solid var(--border)}
.stolen-status.ok{background:var(--green-bg);border-color:rgba(22,163,74,.28)}
.stolen-status.ok::before{content:'✓';font-size:26px;font-weight:900;color:var(--green)}
.stolen-status.bad{background:var(--red-bg);border-color:rgba(220,38,38,.28)}
.stolen-status.bad::before{content:'!';font-size:28px;font-weight:900;color:var(--red)}
.stolen-status.warn{background:#fff7ed;border-color:#fed7aa}
.stolen-status.warn::before{content:'?';font-size:25px;font-weight:900;color:#ea580c}
.stolen-card h3{font-size:20px;color:var(--ink);margin-bottom:6px}
.stolen-sub{font-size:13px;color:var(--ink-60);margin-bottom:12px}
.stolen-ok,.stolen-warn{padding:10px;border-radius:10px;margin:12px 0;font-size:13px;line-height:1.45}
.stolen-ok{background:var(--green-bg);color:var(--green)}
.stolen-warn{background:var(--red-bg);color:var(--red)}
.stolen-hit{display:flex;flex-direction:column;gap:5px;text-align:left;background:var(--red-bg);color:var(--red);border-radius:10px;padding:12px;margin:12px 0;font-size:13px}
.stolen-note{font-size:11.5px;color:var(--ink-40);line-height:1.45;margin-top:12px}
.stolen-source{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-height:38px;padding:0 14px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;font-weight:800;text-decoration:none}
.stolen-source:hover{background:var(--accent)}
[data-theme="dark"] .stolen-status.warn{background:#2b1d0e;border-color:#7c4a12}

/* AI iskanje */
.ai-search-wrap{display:flex;gap:6px;flex:1;min-width:240px}
.ai-search{flex:1;background:linear-gradient(90deg,var(--accent-light),var(--card));border:1.5px solid var(--accent-mid)!important}
.ai-search-btn{padding:0 16px;border-radius:8px;font-size:13px;font-weight:700;background:var(--accent);color:#fff;white-space:nowrap}
.ai-search-btn:hover{background:var(--accent-dark)}
.ai-search-btn:disabled{opacity:.6}

/* Označena manjkajoča obvezna polja */
.field-error,.field-error.filter-select,.field-error.profile-input{
  border-color:var(--red)!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.16)!important;
  background:var(--red-bg)!important;
  animation:fieldShake .35s ease;
}
@keyframes fieldShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* ════ UVODNA ANIMACIJA (samo napis na sredini, zamegljeno ozadje) ════ */
#intro-splash{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;
  background:rgba(242,245,249,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  animation:introFade 4.2s ease forwards}
[data-theme="dark"] #intro-splash{background:rgba(12,17,26,.6)}
#intro-splash .intro-title{
  font-family:'Instrument Serif',serif;
  font-size:clamp(56px,14vw,120px);line-height:1;color:var(--ink);letter-spacing:-2px;text-align:center;
  animation:introPop 4.2s cubic-bezier(.2,.7,.2,1) forwards;
}
#intro-splash .intro-title em{color:var(--accent);font-style:normal}
/* viden TAKOJ (brez fade-in) → ostane ~3.5s → fade out (~0.6s) */
@keyframes introFade{0%{opacity:1}85%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes introPop{0%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){#intro-splash{animation:introFade 1.5s ease forwards}}

/* Zemljevid */
/* isolation+z-index:0 ustvari svoj sloj, da Leafletove kontrole (z-index 1000)
   ne silijo čez navigacijo, nastavitve in modale */
#map{box-shadow:0 2px 16px rgba(0,0,0,.06);position:relative;z-index:0;isolation:isolate}
.leaflet-container{z-index:0}
.leaflet-pane,.leaflet-top,.leaflet-bottom{z-index:1}
.leaflet-popup-content a{color:var(--accent);font-weight:600}
.listing-map-popup{width:210px}.listing-map-popup img{display:block;width:100%;height:118px;margin:0 0 9px;border-radius:8px;object-fit:cover;background:var(--surface-2)}.listing-map-popup b,.listing-map-popup span,.listing-map-popup small{display:block}.listing-map-popup>b{font-size:15px;line-height:1.25;color:var(--ink)}.listing-map-popup span{margin-top:3px;color:var(--ink-60);font-size:12px}.listing-map-popup small{margin:6px 0;color:var(--ink-60)}.listing-map-popup a{display:inline-block;margin-top:7px}

/* Gumb primerjava v oglasu */
.btn-compare-detail{display:block;width:100%;margin-top:8px;padding:11px;border-radius:8px;font-size:14px;font-weight:600;color:var(--accent);border:1.5px solid var(--accent-mid);background:var(--accent-light);transition:.12s}
.btn-compare-detail:hover{background:var(--accent);color:#fff}
.btn-compare-detail.on{background:var(--accent);color:#fff}

/* Podobni avtomobili v oglasu */
.similar-detail{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
.sd-head{margin-bottom:12px}
.sd-sub{font-size:12px;color:var(--ink-40);margin-top:2px}
.sim-grid{display:flex;flex-direction:column;gap:10px}
.sim-card{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--card);transition:.12s}
.sim-card:hover{border-color:var(--border-2);box-shadow:0 2px 10px rgba(0,0,0,.05)}
.sim-img{width:74px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px}
.sim-img img{width:100%;height:100%;object-fit:cover}
.sim-body{flex:1;cursor:pointer;min-width:0}
.sim-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sim-meta{font-size:12px;color:var(--ink-40)}
.sim-price{font-weight:700;font-size:15px;margin-top:2px}
.sim-badges{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}
.sim-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:8px;background:var(--surface-2);color:var(--ink-60)}
.sim-badge.good{background:var(--green-bg);color:var(--green)}
.sim-badge.bad{background:var(--red-bg);color:var(--red)}
.sim-compare{width:38px;height:38px;flex-shrink:0;border-radius:8px;border:1.5px solid var(--border);background:var(--card);font-size:17px;color:var(--ink-60);transition:.12s}
.sim-compare:hover{border-color:var(--accent);color:var(--accent)}
.sim-compare.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.sd-compare-go{display:block;width:100%;margin-top:12px;padding:11px;border-radius:8px;font-weight:700;font-size:14px;background:var(--ink);color:#fff}
.sd-hint{margin-top:10px;font-size:12px;color:var(--ink-40);text-align:center}

/* Seznam opreme v primerjalni tabeli */
.cmp-equip{display:flex;flex-direction:column;gap:3px}
.cmp-eq{font-size:11px;white-space:nowrap}
.cmp-eq.yes{color:var(--green);font-weight:600}
.cmp-eq.no{color:var(--ink-20)}

/* Dealer dashboard (Moji oglasi) */
.dash{margin-bottom:18px}
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dash-stat{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}
.dash-n{font-size:22px;font-weight:800;color:var(--ink);line-height:1.1}
.dash-l{font-size:12px;color:var(--ink-40);margin-top:4px}
.dash-top{margin-top:12px;padding:10px 14px;background:var(--accent-light);border-radius:8px;font-size:13px;color:var(--ink-60)}
.dash-actions{margin-top:12px}
.btn-import{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--accent);border:1.5px dashed var(--accent-mid);background:var(--card);transition:.12s}
.btn-import:hover{background:var(--accent-light)}
@media(max-width:700px){ .dash-grid{grid-template-columns:repeat(2,1fr)} }

/* Mesečni obrok na karticah ("že od X €/mes") */
.cr-finance{font-size:11px;font-weight:600;color:var(--accent);margin-top:1px}
/* Dodatne specifikacije v oglasu */
.extra-specs{margin-top:14px}
.extra-specs-title{font-size:12px;font-weight:700;color:var(--ink-60);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}

/* Gumb za AI samodejno izpolnjevanje specifikacij */
.autofill-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.autofill-btn{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent-mid));white-space:nowrap;transition:.12s}
.autofill-btn:hover{filter:brightness(1.08)}
.autofill-btn:disabled{opacity:.6}
.autofill-hint{font-size:12px;color:var(--ink-40);flex:1;min-width:160px}

/* Prodano — oznake in gumbi v Moji oglasi */
.sold-badge{display:inline-block;background:var(--green);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;margin-left:6px;vertical-align:middle}
.my-card.is-sold{opacity:.72}
.btn-sold{padding:7px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--green);border:1.5px solid var(--green)}
.btn-sold:hover{background:var(--green);color:#fff}
.btn-unsold{padding:7px 12px;border-radius:8px;font-size:12px;color:var(--ink-60);border:1.5px solid var(--border)}

/* Izvoz dealer poročila */
.btn-report-export{padding:11px 18px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);transition:.12s}
.btn-report-export:hover{background:var(--accent-dark)}

/* AI iskanje motorjev (za modele brez katalognih izvedb) */
.ai-engine-lookup-btn{border:1px solid var(--accent-mid);background:var(--accent-light);color:var(--accent-dark);font-weight:600;font-size:13px;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;transition:.12s}
.ai-engine-lookup-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.ai-engine-lookup-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.ai-engine-lookup-btn.primary:hover{background:var(--accent-dark)}
.ai-engine-lookup-btn:disabled{opacity:.6;cursor:default}
.vehicle-type-ai-more{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);font-size:13px;color:var(--ink-60);display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Enotne line-ikone vozil (placeholder brez fotografije) */
.veh-ph{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}
.veh-ph .veh-icon{width:64px;height:auto;color:var(--ink-20)}
.gallery-placeholder .veh-ph .veh-icon{width:96px}

/* Oglasna kartica — Avto.net stil */
.cr-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px}
.cr-category{display:inline-flex;align-items:center;margin-left:6px;padding:2px 6px;border:1px solid var(--border-2);border-radius:4px;color:var(--ink-60);font-size:9px;font-weight:800;text-transform:uppercase;vertical-align:2px}
.cr-mid{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.cr-spec-tbl{flex:1;min-width:230px;border-collapse:collapse;font-size:12.5px}
.cr-spec-tbl td{padding:5px 9px;border-bottom:1px solid var(--border)}
.cr-spec-tbl td:first-child{color:var(--ink-60);width:42%;background:var(--surface)}
.cr-spec-tbl td:last-child{font-weight:600;color:var(--ink)}
.cr-price-box{text-align:right;min-width:130px;margin-left:auto}
.cr-price-ddv{font-size:11px;color:var(--ink-40);margin-top:1px}
.cr-new{position:absolute;top:8px;left:8px;background:var(--green);color:#fff;font-size:10px;font-weight:800;letter-spacing:.6px;padding:3px 10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.cr-damaged{position:absolute;bottom:30px;left:8px;background:#c1121f;color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.25)}

/* Posebne kategorije (poškodovana vozila) na domači strani */
.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.special-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:.12s;text-align:center}
.special-card:hover{border-color:var(--accent-mid);box-shadow:0 3px 12px rgba(0,0,0,.06)}
.special-card .ic{display:none}
.special-card{position:relative;align-items:flex-start;text-align:left;overflow:hidden}
.special-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-accent2)}
.special-card .nm{font-weight:600;font-size:14px}
.special-card .ct{font-size:12px;color:var(--ink-40)}
.home-board-section{padding-top:34px;padding-bottom:34px}
.home-board{display:grid;grid-template-columns:1.05fr 1.4fr;gap:20px;padding:26px;border:1.5px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--card),var(--surface));overflow:hidden;position:relative}
.home-board::after{content:'';position:absolute;right:-120px;top:-160px;width:360px;height:360px;border:1px solid var(--border);border-radius:50%;opacity:.7}
.home-board-copy{position:relative;z-index:1}
.home-board-copy span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.home-board-copy h2{font-family:'Instrument Serif',serif;font-size:34px;line-height:1.05;font-weight:400;letter-spacing:-.7px;margin-bottom:10px;color:var(--ink)}
.home-board-copy p{font-size:14px;line-height:1.65;color:var(--ink-60);max-width:430px}
.home-board-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.home-board-list div{padding:16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.58)}
.home-board-list b{display:block;font-size:14px;color:var(--ink);margin-bottom:6px}
.home-board-list small{display:block;font-size:12px;line-height:1.5;color:var(--ink-60)}
@media(max-width:600px){.special-grid{grid-template-columns:1fr}}
@media(max-width:900px){
  .home-action-strip{grid-template-columns:1fr 1fr}
  .home-board{grid-template-columns:1fr}
  .home-board-list{grid-template-columns:1fr}
  .home-contact-band{align-items:flex-start;flex-direction:column}
  .home-contact-mail{width:100%;white-space:normal;text-align:center}
}
@media(max-width:560px){
  .home-action-strip{grid-template-columns:1fr}
  .home-board-copy h2{font-size:28px}
}

/* Oprema po kategorijah v oglasu */
.equip-cat{margin-top:12px}
.equip-cat-title{font-size:12px;font-weight:700;color:var(--ink-60);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}

/* Tri-stopenjski razpon cene (hitra / realna / najvišja) */
.price-tiers{display:flex;gap:8px;margin-top:8px}
.price-tiers span{flex:1;display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--ink-60);text-align:center;padding:8px 6px;border:1px solid var(--border);border-radius:8px}
.price-tiers span b{font-size:15px;color:var(--ink)}
.price-tiers .pt-mid{border-color:var(--accent-mid);background:var(--accent-light)}
.price-tiers .pt-mid b{color:var(--accent)}
.price-util{font-size:12px;color:var(--ink-60);margin-top:8px;line-height:1.5}

/* Oprema po kategorijah (kot Avto.net) */
#equip-add-grid{display:block}
.eq-cat{margin-bottom:16px}
.eq-cat-title{font-size:12px;font-weight:700;color:var(--ink-60);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}
.eq-cat-items{display:flex;flex-wrap:wrap;gap:7px}

/* Dodajanje lastne opreme */
.equip-custom-row{display:flex;gap:8px;margin-top:10px}
.equip-custom-input{flex:1;padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--card);font-size:13px}
.equip-custom-input:focus{border-color:var(--accent-mid);outline:none}
.equip-custom-btn{padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;background:var(--accent);white-space:nowrap}
.equip-custom-btn:hover{background:var(--accent-dark)}
/* ════════════════════════════════════════════════════
   🔥 KILLER FUNKCIJE: kupčije, padec cene, TCO, AI pogajalec
   ════════════════════════════════════════════════════ */
/* sprosti zgornji-levi kot za značke kupčij */
.cr-new{top:auto;bottom:8px}
.cr-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:5px;z-index:4;align-items:flex-start}
.deal-badge,.drop-badge{font-size:11px;font-weight:800;letter-spacing:.3px;padding:4px 9px;border-radius:8px;box-shadow:0 2px 7px rgba(0,0,0,.22);white-space:nowrap;line-height:1}
.deal-badge.steal-hot{background:linear-gradient(135deg,#ff5722,#e8590c);color:#fff}
.deal-badge.steal-good{background:var(--green);color:#fff}
.drop-badge{background:#1971c2;color:#fff}
@keyframes dealpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.deal-badge.steal-hot{animation:dealpulse 1.8s ease-in-out infinite}

/* gumb "Samo dobre kupčije" */
.only-deals-btn{padding:8px 13px;border:1.5px solid var(--border);border-radius:8px;background:var(--card);font-size:13px;font-weight:600;color:var(--ink-60);white-space:nowrap;transition:.15s}
.only-deals-btn:hover{border-color:var(--accent);color:var(--accent)}
.only-deals-btn.on{background:var(--grad-accent2);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(242,107,79,.30)}

/* ocena kupčije na strani oglasa */
.deal-verdict{display:flex;gap:11px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border)}
.deal-verdict.steal-hot{background:linear-gradient(135deg,rgba(255,87,34,.10),rgba(232,89,12,.05));border-color:rgba(232,89,12,.4)}
.deal-verdict.steal-good{background:var(--green-bg);border-color:rgba(0,0,0,.06)}
.deal-verdict.steal-high{background:#fff6f0;border-color:rgba(193,18,31,.25)}
.deal-verdict.steal-fair{background:var(--surface);border-color:var(--border)}
.deal-v-ic{font-size:22px;line-height:1}
.deal-v-txt{font-size:13.5px;font-weight:600;color:var(--ink)}
.deal-v-save{font-size:12.5px;color:var(--ink-60);margin-top:3px}
.deal-v-sub{font-size:11px;color:var(--ink-40);margin-top:4px}

/* TCO — resnični strošek lastništva */
.tco-box{margin-top:16px;padding:16px;border:1.5px solid var(--border);border-radius:12px;background:var(--card)}
.tco-title{font-size:14px;font-weight:800;color:var(--ink)}
.tco-sub{font-size:12px;color:var(--ink-60);margin-top:3px}
.tco-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.tco-controls label{display:grid;gap:5px;font-size:10px;font-weight:800;color:var(--ink-60)}
.tco-controls select{width:100%;padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:11px}
.tco-toggle{display:flex;align-items:center;gap:7px;margin:9px 0;font-size:11px;color:var(--ink-60)}
.tco-toggle input{width:16px;height:16px;accent-color:var(--accent)}
.tco-slider{width:100%;margin:11px 0 6px;accent-color:var(--accent)}
.tco-big{font-size:30px;font-weight:800;color:var(--accent);line-height:1.1}
.tco-big .tco-mo{font-size:15px;font-weight:600;color:var(--ink-40);margin-left:3px}
.tco-yr{font-size:12.5px;color:var(--ink-60);margin-top:2px}
.tco-yr i,.tco-l i{font-style:normal;color:var(--ink-40)}
.tco-rows{margin-top:12px;border-top:1px solid var(--border);padding-top:8px}
.tco-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px}
.tco-l{color:var(--ink-60)}
.tco-l i{font-size:11px;margin-left:5px}
.tco-v{font-weight:700;color:var(--ink);white-space:nowrap}
.tco-disc{font-size:10.5px;color:var(--ink-40);margin-top:9px;line-height:1.4}
.leasing-advanced{margin:8px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.leasing-advanced summary{padding:8px 10px;color:var(--ink-60);font-size:11px;font-weight:800;cursor:pointer}
.leasing-advanced[open] summary{border-bottom:1px solid var(--border)}
.leasing-advanced .leasing-row{padding:8px 10px}
.combined-cost-card{margin-top:10px;padding:11px;border-left:3px solid var(--accent2);border-radius:0 8px 8px 0;background:var(--accent2-light)}
.combined-cost-card span,.combined-cost-card strong,.combined-cost-card small{display:block}
.combined-cost-card span{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--accent2-dark)}
.combined-cost-card strong{margin-top:3px;font-size:21px;color:var(--ink)}
.combined-cost-card small{margin-top:4px;line-height:1.4;color:var(--ink-60)}

/* AI pogajalec gumb */
.cc-negotiate-btn{width:100%;margin-top:8px;padding:11px;border-radius:10px;font-size:13.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent2,#6741d9),var(--accent));box-shadow:0 2px 8px rgba(103,65,217,.3);transition:.15s}
.cc-negotiate-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}

/* AI pogajalec overlay */
.neg-overlay{position:fixed;inset:0;background:rgba(15,18,28,.55);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:1200;padding:18px}
.neg-overlay.show{display:flex}
.neg-card{position:relative;background:var(--card);border-radius:16px;width:min(440px,100%);max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.neg-close{position:absolute;top:14px;right:16px;font-size:18px;color:var(--ink-40);background:none}
.neg-close:hover{color:var(--ink)}
.neg-h{font-size:19px;font-weight:800;color:var(--ink)}
.neg-car{font-size:13px;color:var(--ink-60);margin-top:3px;margin-bottom:14px}
.neg-loading{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-60);padding:24px 0}
.neg-offer{display:flex;gap:10px}
.neg-offer-box{flex:1;text-align:center;padding:13px;border-radius:12px;background:var(--green-bg);border:1.5px solid rgba(0,0,0,.05)}
.neg-offer-box.alt{background:var(--surface-2)}
.neg-ol{font-size:11px;color:var(--ink-60);font-weight:600}
.neg-ov{font-size:21px;font-weight:800;color:var(--ink);margin-top:3px}
.neg-save{text-align:center;margin-top:11px;font-size:13px;font-weight:700;color:var(--green)}
.neg-reason{margin-top:12px;font-size:13px;color:var(--ink-60);line-height:1.5;background:var(--surface-2);padding:11px 13px;border-radius:10px}
.neg-msg-l{margin-top:15px;font-size:12px;font-weight:700;color:var(--ink-60)}
.neg-msg{width:100%;margin-top:6px;min-height:92px;padding:11px 13px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;color:var(--ink)}
.neg-msg:focus{border-color:var(--accent-mid);outline:none}
.neg-actions{display:flex;gap:9px;margin-top:11px}
.neg-btn-copy{flex:0 0 auto;padding:11px 15px;border-radius:10px;font-size:13px;font-weight:600;background:var(--surface-2);color:var(--ink)}
.neg-btn-copy:hover{background:var(--border)}
.neg-btn-send{flex:1;padding:11px;border-radius:10px;font-size:13.5px;font-weight:700;color:#fff;background:var(--accent)}
.neg-btn-send:hover{background:var(--accent-dark)}
.neg-disc{font-size:10.5px;color:var(--ink-40);margin-top:11px;text-align:center}

/* ════════════════════════════════════════════════════
   CENIK — primerjava s konkurenco
   ════════════════════════════════════════════════════ */
.save-hero{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:24px;border-radius:12px;background:linear-gradient(135deg,rgba(15,118,110,.10),rgba(242,107,79,.06));border:1.5px solid rgba(15,118,110,.24)}
.save-hero-ic{font-size:28px;line-height:1}
.save-hero-txt{flex:1;display:flex;flex-direction:column}
.save-hero-txt b{font-size:16px;color:var(--ink)}
.save-hero-txt span{font-size:13px;color:var(--ink-60);margin-top:2px}
.save-hero-badge{font-size:20px;font-weight:800;color:#fff;background:var(--grad-accent2);padding:7px 14px;border-radius:12px;box-shadow:0 3px 10px rgba(242,107,79,.30);white-space:nowrap}

.pkg-vs{font-size:11.5px;color:var(--ink-60);background:var(--surface-2);padding:6px 10px;border-radius:8px;margin-bottom:14px;line-height:1.35}
.pkg-vs b{color:var(--accent)}
.pkg-perday{font-size:12px;font-weight:700;color:var(--green);margin-bottom:14px}
.pkg-perday.hot{color:var(--accent)}
.pkg-perday s{color:var(--ink-40);font-weight:500;margin-left:5px}
.pkg-anchor{font-size:14px;color:var(--ink-40);font-weight:400;margin-left:6px}
.pkg-card.featured{transform:scale(1.02)}

.cmp-title{font-family:'Instrument Serif',serif;font-size:24px;letter-spacing:-.4px;margin:34px 0 14px}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}
.cmp-table th,.cmp-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}
.cmp-table thead th{font-size:12px;font-weight:700;color:var(--ink-60);text-transform:uppercase;letter-spacing:.04em;text-align:center}
.cmp-table thead th:first-child{text-align:left}
.cmp-table td{color:var(--ink-60)}
.cmp-table td:first-child{color:var(--ink);font-weight:500}
.cmp-table td:not(:first-child),.cmp-table th:not(:first-child){text-align:center}
.cmp-table tbody tr:last-child td{border-bottom:none}
.cmp-table .cmp-us{background:rgba(15,118,110,.07);color:var(--accent);font-weight:700}
.cmp-table th.cmp-us{color:var(--accent);background:rgba(15,118,110,.09)}
.cmp-table .cmp-no{color:var(--ink-40)}
.cmp-foot{font-size:11px;color:var(--ink-40);margin-top:14px;line-height:1.5}
@media(max-width:560px){.save-hero{flex-wrap:wrap}.pkg-card.featured{transform:none}}
@media(max-width:760px){
  .lgp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lgp-advice{grid-template-columns:1fr}
  .welcome-guide-grid{grid-template-columns:1fr}
  .listing-guide-toolbar{justify-content:stretch}
  .listing-guide-toolbar .btn-guide{width:100%}
  .site-guide-widget{right:12px;bottom:var(--guide-bottom,calc(env(safe-area-inset-bottom) + 82px))}
  .sgw-panel{width:calc(100vw - 24px)}
  .sgw-bubble{width:40px;height:40px;padding:0;justify-content:center}
  .sgw-bubble span{width:auto;height:auto;background:transparent;font-size:17px}
  .sgw-bubble b{display:none}
  .sgw-actions{grid-template-columns:1fr}
  .sgw-actions button:last-child{grid-column:auto}
}

/* ════════════════════════════════════════════════════
   POPRAVKI TEMNE TEME (footer, spustni meniji, vnosi)
   ════════════════════════════════════════════════════ */
/* Footer: v temni temi je bil bel (background:var(--ink) → svetel). Fiksiraj na temno. */
[data-theme="dark"] .site-footer{background:#070d18}
[data-theme="dark"] .settings-footer{color:var(--ink-60)}

/* Varovalo: VSAK <select>/<input>/<textarea> v temni temi naj bo berljiv
   (npr. brand izbirnik v formi za objavo je bil "belo na belo"). */
[data-theme="dark"] select,
[data-theme="dark"] input,
[data-theme="dark"] textarea{
  background:var(--surface-2);
  color:var(--ink);
  border-color:var(--border);
}
/* Možnosti v spustnem meniju (popup) — temno ozadje + svetel tekst */
[data-theme="dark"] select option,
[data-theme="dark"] option,
[data-theme="dark"] datalist option{
  background:#0e1e38;
  color:#dde8f5;
}
/* Datalist predlogi (npr. različica/izvedba) — barvna shema za boljši kontrast */
[data-theme="dark"] input[list]{color-scheme:dark}
/* placeholderji v temni temi */
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder{color:var(--ink-40)}

/* ════════════════════════════════════════════════════
   LASTNIK OGLASA + UREJANJE
   ════════════════════════════════════════════════════ */
.cc-owner-note{background:var(--accent-light);color:var(--accent);font-size:12.5px;font-weight:700;text-align:center;padding:8px;border-radius:8px;margin-bottom:4px}
.cc-delete-btn{width:100%;padding:11px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--red);background:var(--red-bg);border:1px solid transparent;transition:.15s}
.cc-delete-btn:hover{background:#fde0e0}
[data-theme="dark"] .cc-delete-btn:hover{background:#3a1515}
.edit-l{display:block;font-size:12px;font-weight:600;color:var(--ink-60);margin:12px 0 4px}
.edit-imgs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.edit-add-photos{display:inline-block;margin-top:10px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-light);cursor:pointer}
.edit-add-photos:hover{filter:brightness(.97)}

/* ════════════════════════════════════════════════════
   O NAS (domača stran)
   ════════════════════════════════════════════════════ */
.about-section{max-width:760px;margin:0 auto;text-align:center}
.about-lead{font-size:15px;line-height:1.7;color:var(--ink-60);margin:0 auto 14px;max-width:680px}
.about-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:26px 0 18px}
.about-point{display:flex;align-items:center;gap:11px;text-align:left;background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:14px}
.about-point .ap-ic{font-size:24px;line-height:1}
.about-point b{display:block;font-size:14px;color:var(--ink)}
.about-point span{font-size:12px;color:var(--ink-60)}
.about-contact{font-size:14px;color:var(--ink-60);margin-top:6px}
.about-contact a{color:var(--accent);font-weight:600}
.contact-home-section{padding-top:24px;background:linear-gradient(180deg,transparent,var(--surface-2))}
.home-contact-band{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;border:1.5px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--card),var(--surface));position:relative;overflow:hidden}
.home-contact-band::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(47,95,115,.11),transparent 46%,rgba(197,106,58,.12));pointer-events:none}
.home-contact-band div,.home-contact-mail{position:relative;z-index:1}
.home-contact-band span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}
.home-contact-band h2{font-family:'Instrument Serif',serif;font-size:28px;font-weight:400;letter-spacing:-.5px;color:var(--ink);margin-bottom:6px}
.home-contact-band p{font-size:13px;line-height:1.55;color:var(--ink-60);max-width:560px}
.home-contact-mail{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;text-decoration:none;white-space:nowrap}
.home-contact-mail:hover{background:var(--accent)}
[data-theme="dark"] .about-point{background:var(--card);border-color:var(--border)}
[data-theme="dark"] .home-contact-mail{
  background:#2f5f73;
  color:#fff;
  border:1px solid #78a9bb;
}
[data-theme="dark"] .home-contact-mail:hover{
  background:#3f7890;
  color:#fff;
}
[data-theme="dark"] .admin-public-toolbar button,
[data-theme="dark"] .admin-tile-actions button,
[data-theme="dark"] .view-btn.on,
[data-theme="dark"] .guide-num,
[data-theme="dark"] .profile-avatar-upload,
[data-theme="dark"] .stolen-source,
[data-theme="dark"] .sd-compare-go,
[data-theme="dark"] .admin-sub-tab.on{
  background:#2f5f73;
  color:#fff;
  border-color:#78a9bb;
}

/* ════════════════════════════════════════════════════
   STRIPE — izpostavitev (TOP)
   ════════════════════════════════════════════════════ */
.cc-boost-btn{width:100%;padding:11px;border-radius:10px;font-size:13.5px;font-weight:700;color:#fff;background:var(--grad-accent2);box-shadow:0 2px 8px rgba(242,107,79,.28);transition:.15s}
.cc-boost-btn:hover{filter:brightness(1.07)}
.cc-boosted{background:var(--accent-light);color:var(--accent);font-size:12.5px;font-weight:700;text-align:center;padding:9px;border-radius:8px}
.top-badge{font-size:11px;font-weight:800;letter-spacing:.3px;padding:4px 9px;border-radius:8px;background:var(--grad-accent2);color:#fff;box-shadow:0 2px 7px rgba(0,0,0,.22);white-space:nowrap}
.boost-opts{display:flex;flex-direction:column;gap:10px}
.boost-opt{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer;transition:.15s;font-family:inherit}
.boost-opt:hover{border-color:var(--accent);transform:translateY(-1px)}
.boost-opt.sel{border-color:var(--accent);background:var(--accent-light)}
.boost-opt .bo-l{font-size:13.5px;font-weight:600;color:var(--ink)}
.boost-opt .bo-p{font-size:18px;font-weight:800;color:var(--accent)}

/* ════════════════════════════════════════════════════
   NAKAZILO (bančni podatki) + ADMIN potrjevanje TOP
   ════════════════════════════════════════════════════ */
.bank-box{background:var(--surface-2);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;margin:6px 0}
.bank-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}
.bank-row:last-child{border-bottom:none}
.bank-row span{color:var(--ink-60)}
.bank-row b{color:var(--ink);text-align:right;word-break:break-all}
.boost-admin{background:var(--accent-light);border:1.5px solid var(--accent-mid);border-radius:12px;padding:14px;margin-bottom:16px}
.boost-admin-h{font-size:14px;font-weight:700;color:var(--accent);margin-bottom:6px}
.boost-order{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-top:8px}

/* Admin panel */
.admin-nav-link{color:var(--accent)}
.admin-wrap{max-width:1180px;margin:0 auto;padding:24px 20px 42px}
.admin-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.admin-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:3px}
.admin-title{font-family:'Instrument Serif',serif;font-size:30px;letter-spacing:-.5px;color:var(--ink)}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px}
.admin-tab{padding:10px 13px;border-radius:8px;font-size:13px;font-weight:700;color:var(--ink-60);background:var(--surface);border:1px solid var(--border);transition:.12s}
.admin-tab:hover{color:var(--ink);border-color:var(--border-2)}
.admin-tab.on{color:#fff;background:var(--accent);border-color:var(--accent)}
.admin-content{display:flex;flex-direction:column;gap:14px}
.admin-stat-grid{margin-bottom:0}
.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.admin-panel{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:16px}
.admin-sub-tabs{display:flex;gap:8px;flex-wrap:wrap;background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:8px}
.admin-sub-tab{padding:9px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:12.5px;font-weight:800;color:var(--ink-60);transition:.12s}
.admin-sub-tab:hover{border-color:var(--accent);color:var(--accent)}
.admin-sub-tab.on{background:var(--ink);border-color:var(--ink);color:#fff}
.admin-sub-tab span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:var(--card);color:var(--ink);font-size:11px}
.admin-sub-tab.on span{background:rgba(255,255,255,.18);color:#fff}
.admin-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.admin-panel-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-60);margin-bottom:12px}
.admin-alert-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--ink-60)}
.admin-alert-row:last-child{border-bottom:none}
.admin-alert-row b{font-size:16px;color:var(--ink)}
.admin-muted{font-size:12px;color:var(--ink-40);line-height:1.45}
.admin-table-wrap{overflow-x:auto}
.admin-table{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}
.admin-table th,.admin-table td{padding:10px 11px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
.admin-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-40);font-weight:800;background:var(--surface)}
.admin-table tbody tr:hover{background:var(--surface)}
.admin-actions-cell{display:flex;gap:6px;flex-wrap:wrap}
.admin-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}
.admin-item:last-child{border-bottom:none}
.admin-item.is-muted{opacity:.65}
.admin-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin-status{font-size:12px;font-weight:800;color:var(--ink-40);padding:7px 10px;border-radius:8px;background:var(--surface);white-space:nowrap}
.admin-status.active{color:#047857;background:#d1fae5}
.admin-status.bad{color:#b91c1c;background:#fee2e2}
.admin-status.neutral{color:var(--ink-60);background:var(--surface-2)}
.admin-sub-list{display:flex;flex-direction:column;gap:10px}
.admin-sub-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface)}
.admin-sub-card.active{background:linear-gradient(135deg,#ffffff 0%,#eefbf4 100%);border-color:rgba(22,163,74,.28)}
.admin-sub-card.inactive{opacity:.72}
.admin-sub-card.pending{background:linear-gradient(135deg,#ffffff 0%,#fff8e8 100%);border-color:rgba(234,88,12,.22)}
.admin-sub-main{display:flex;align-items:center;gap:12px;min-width:0}
.admin-sub-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;flex-shrink:0}
.admin-sub-copy{min-width:0}
.admin-sub-name{font-size:15px;font-weight:800;color:var(--ink);line-height:1.2}
.admin-sub-name span{display:inline-flex;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:10px;font-weight:800;vertical-align:middle}
.admin-sub-email{font-size:13px;color:var(--ink-60);margin-top:2px;word-break:break-word}
.admin-sub-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;font-size:11.5px;color:var(--ink-60)}
.admin-sub-meta b{color:var(--ink)}
.admin-sub-meta span,.admin-sub-meta b{padding:4px 7px;background:var(--card);border:1px solid var(--border);border-radius:8px}
.admin-sub-id{font-size:10.5px;color:var(--ink-40);margin-top:7px;max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-form-grid.one{grid-template-columns:1fr}
.admin-seo-preview{border:1px solid var(--border);border-radius:10px;padding:14px;background:var(--surface);margin-bottom:12px}
.admin-seo-url{font-size:12px;color:#188038;margin-bottom:3px}
.admin-seo-title{font-size:18px;color:#1a0dab;line-height:1.25;margin-bottom:4px}
.admin-seo-desc{font-size:13px;color:#4d5156;line-height:1.45}
.admin-checklist{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--ink-60);line-height:1.45}
[data-theme="dark"] .admin-panel{background:var(--card);border-color:var(--border)}
[data-theme="dark"] .admin-tab{background:var(--surface-2);border-color:var(--border)}
[data-theme="dark"] .admin-tab.on{background:var(--accent);color:#fff}
[data-theme="dark"] .admin-table th,[data-theme="dark"] .admin-table tbody tr:hover,[data-theme="dark"] .admin-status,[data-theme="dark"] .admin-seo-preview,[data-theme="dark"] .admin-sub-card,[data-theme="dark"] .admin-sub-meta span,[data-theme="dark"] .admin-sub-meta b,[data-theme="dark"] .admin-sub-tabs,[data-theme="dark"] .admin-sub-tab{background:var(--surface-2)}
[data-theme="dark"] .admin-seo-title{color:#8ab4f8}
[data-theme="dark"] .admin-seo-desc{color:var(--ink-60)}
@media(max-width:760px){
  .admin-header{align-items:flex-start;flex-direction:column}
  .admin-two-col,.admin-form-grid{grid-template-columns:1fr}
  .admin-tabs{overflow-x:auto;flex-wrap:nowrap}
  .admin-tab{white-space:nowrap}
  .admin-sub-tabs{overflow-x:auto;flex-wrap:nowrap}
  .admin-sub-tab{white-space:nowrap}
  .admin-sub-card{align-items:flex-start;flex-direction:column}
  .admin-item-actions{width:100%;justify-content:flex-start}
  .admin-sub-id{max-width:100%}
}

/* Phase F1: admin vehicle-data review, loaded only for the admin tab. */
.f1-review-shell{display:grid;gap:12px;color:var(--ink)}
.f1-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px;background:var(--card);border:1px solid var(--border);border-radius:8px}
.f1-review-heading h3{margin:0;font-size:18px;letter-spacing:0}.f1-review-heading p{margin:4px 0 0;color:var(--ink-60);font-size:12px}
.f1-counts{display:flex;gap:7px}.f1-counts span,.f1-priority{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:850;white-space:nowrap}
.f1-counts .p1,.f1-priority.p1{background:#fff1e8;color:#a33b12;border:1px solid #efb08f}.f1-counts .p2,.f1-priority.p2{background:#e9f4f8;color:#245c70;border:1px solid #9fc4d1}
.f1-review-filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:8px}
.f1-review-filters label,.f1-custom label{display:grid;gap:5px;color:var(--ink-60);font-size:10px;font-weight:800;text-transform:uppercase}
.f1-review-filters select,.f1-review-filters input,.f1-custom select,.f1-custom input,.f1-custom textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;text-transform:none}
.f1-review-filters .f1-search{grid-column:span 2}.f1-review-result{font-size:12px;color:var(--ink-60)}
.f1-review-list{display:grid;gap:6px}.f1-review-row{width:100%;display:grid;grid-template-columns:48px minmax(220px,1fr) minmax(130px,.45fr) 160px;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);text-align:left;transition:border-color .12s,background .12s}
.f1-review-row:hover{border-color:var(--accent);background:var(--surface)}.f1-review-row b,.f1-review-row small{display:block}.f1-review-row small{margin-top:3px;color:var(--ink-40);font-size:10.5px}
.f1-review-status{justify-self:end;padding:6px 8px;border-radius:6px;background:var(--surface-2);color:var(--ink-60);font-size:10px;font-weight:850}.f1-review-status.resolved{background:#dff6e8;color:#17663a}.f1-review-status.insufficient_evidence{background:#fff1e8;color:#93421d}.f1-review-status.legitimate_variant{background:#e9f4f8;color:#245c70}
.f1-pagination{display:flex;justify-content:flex-end;gap:7px}.f1-pagination button,.f1-actions button,.f1-access-denied button{min-height:38px;padding:8px 11px;border:1px solid var(--border-2);border-radius:6px;background:var(--card);color:var(--ink);font-weight:800}.f1-pagination button:not(:disabled):hover,.f1-actions button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}
.f1-pagination button:disabled,.f1-actions button:disabled{opacity:.45;cursor:not-allowed}.f1-empty,.f1-access-denied{display:grid;gap:5px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink-60)}
.f1-detail-backdrop{position:fixed;inset:0;z-index:260;background:rgba(8,18,23,.72);display:grid;place-items:center;padding:20px}.f1-detail{width:min(920px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:18px;border:1px solid var(--border-2);border-radius:8px;background:var(--card);color:var(--ink);box-shadow:0 18px 60px rgba(0,0,0,.32)}
.f1-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid var(--border)}.f1-detail-head h3{margin:7px 0 0;font-size:20px;letter-spacing:0}.f1-detail-head p{margin:3px 0 0;color:var(--ink-60)}.f1-detail-head>button{width:38px;height:38px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);font-size:23px}
.f1-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.f1-context div{padding:9px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.f1-context span,.f1-context b{display:block}.f1-context span{color:var(--ink-40);font-size:9px;text-transform:uppercase}.f1-context b{margin-top:4px;font-size:12px;overflow-wrap:anywhere}
.f1-detail section{margin-top:16px}.f1-detail h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;color:var(--ink-60)}.f1-candidates{display:grid;gap:7px}.f1-candidate{display:grid;grid-template-columns:18px 1fr;gap:9px;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer}.f1-candidate:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.f1-candidate b,.f1-candidate small{display:block}.f1-candidate small{margin-top:3px;color:var(--ink-60);font-size:10.5px}.f1-candidate a{display:inline-block;margin-top:6px;color:var(--accent);font-size:11px;font-weight:800}.f1-candidate details{margin-top:7px;font-size:10px}.f1-candidate pre{max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--ink-60)}
.f1-custom{display:grid;grid-template-columns:1fr 1fr;gap:9px}.f1-custom h4{grid-column:1/-1}.f1-custom label:last-child{grid-column:1/-1}.f1-detail-error{margin-top:10px;padding:9px;border:1px solid #e9a3a3;border-radius:6px;background:#fff0f0;color:#a11d1d;font-size:12px}.f1-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
[data-theme="dark"] .f1-review-heading,[data-theme="dark"] .f1-review-filters,[data-theme="dark"] .f1-review-row,[data-theme="dark"] .f1-detail,[data-theme="dark"] .f1-access-denied{background:var(--card);color:var(--ink)}
[data-theme="dark"] .f1-review-filters select,[data-theme="dark"] .f1-review-filters input,[data-theme="dark"] .f1-custom select,[data-theme="dark"] .f1-custom input,[data-theme="dark"] .f1-custom textarea,[data-theme="dark"] .f1-detail-head>button,[data-theme="dark"] .f1-pagination button,[data-theme="dark"] .f1-actions button{background:var(--surface-2);color:var(--ink);-webkit-text-fill-color:var(--ink);color-scheme:dark}
@media(max-width:760px){
  .f1-review-heading{display:grid}.f1-review-filters{grid-template-columns:1fr 1fr}.f1-review-filters .f1-search{grid-column:1/-1}.f1-review-row{grid-template-columns:44px 1fr}.f1-review-row>span:nth-child(3){grid-column:2}.f1-review-status{grid-column:2;justify-self:start}.f1-detail-backdrop{padding:0;place-items:stretch}.f1-detail{width:100%;max-height:100dvh;border-radius:0;padding:14px}.f1-context{grid-template-columns:1fr 1fr}.f1-custom,.f1-actions{grid-template-columns:1fr}.f1-custom h4,.f1-custom label:last-child{grid-column:1}.f1-actions button{width:100%;min-height:44px}
}

/* Zadnji prepis za temno temo: polja na objavi oglasa ne smejo ostati bela. */
[data-theme="dark"] #page-add input,
[data-theme="dark"] #page-add select,
[data-theme="dark"] #page-add textarea,
[data-theme="dark"] #page-add input[list],
[data-theme="dark"] #page-add .filter-input,
[data-theme="dark"] #page-add .filter-select,
[data-theme="dark"] #page-add .equip-custom-input,
[data-theme="dark"] .sgw-ask input{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--border-2)!important;
  -webkit-text-fill-color:var(--ink)!important;
  caret-color:var(--ink)!important;
  color-scheme:dark;
}
[data-theme="dark"] #page-add input::placeholder,
[data-theme="dark"] #page-add textarea::placeholder,
[data-theme="dark"] #page-add .equip-custom-input::placeholder,
[data-theme="dark"] .sgw-ask input::placeholder{
  color:var(--ink-40)!important;
  -webkit-text-fill-color:var(--ink-40)!important;
  opacity:1;
}
[data-theme="dark"] #page-add input:focus,
[data-theme="dark"] #page-add select:focus,
[data-theme="dark"] #page-add textarea:focus,
[data-theme="dark"] #page-add .filter-select:focus,
[data-theme="dark"] #page-add .equip-custom-input:focus,
[data-theme="dark"] .sgw-ask input:focus{
  background:var(--card)!important;
  color:var(--ink)!important;
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px var(--accent-light)!important;
}
[data-theme="dark"] #page-add select option{
  background:var(--card)!important;
  color:var(--ink)!important;
}
[data-theme="dark"] #page-add input:-webkit-autofill,
[data-theme="dark"] #page-add textarea:-webkit-autofill,
[data-theme="dark"] #page-add select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--surface-2) inset!important;
  -webkit-text-fill-color:var(--ink)!important;
  transition:background-color 9999s ease-in-out 0s;
}

@keyframes homeRise{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes homeFloatIn{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes heroLines{
  from{background-position:0 0,0 0}
  to{background-position:160px 0,0 0}
}
[data-theme="dark"] .home-tools-section{background:linear-gradient(180deg,var(--surface-2),transparent)}
[data-theme="dark"] .home-tool-card{background:var(--card);border-color:var(--border)}
[data-theme="dark"] .home-tool-card:hover{background:var(--surface-2);border-color:var(--accent-mid)}
[data-theme="dark"] .eq-suggest-panel{background:var(--surface-2);border-color:var(--border-2)}
[data-theme="dark"] .eq-suggest-panel.has-suggestions{background:linear-gradient(135deg,var(--surface-2),var(--card))}
@media(max-width:900px){
  .home-tools-head{align-items:flex-start;flex-direction:column}
  .home-tools-head p{text-align:left}
  .home-tools-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .home-tools-grid{grid-template-columns:1fr}
  .home-tool-card{min-height:auto}
  .eq-suggest-panel{align-items:stretch;flex-direction:column}
  .eq-suggest-panel button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}
/* Transparentni informativni izračun vrednosti */
.valuation-calculator{
  margin:0 0 18px;
  padding:16px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.valuation-calculator-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.valuation-calculator-head b{display:block;color:var(--ink);font-size:14px}
.valuation-calculator-head span{display:block;color:var(--ink-60);font-size:12px;margin-top:3px}
.valuation-new-price small{display:block;color:var(--ink-40);font-size:11px;line-height:1.45;margin-top:5px}
.valuation-comps-title{color:var(--ink-60);font-size:12px;font-weight:700;margin:14px 0 8px}
.valuation-comps .fg label{font-size:11px}
.btn-valuation-calc{
  border:1px solid var(--accent);
  background:transparent;
  color:var(--accent);
  border-radius:8px;
  padding:10px 14px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.btn-valuation-calc:hover{background:var(--accent-light)}
.valuation-result{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.valuation-result.show{display:block}
.valuation-result-main{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:end}
.valuation-result-main span{color:var(--ink-60);font-size:12px;font-weight:700}
.valuation-result-main b{grid-row:1/3;grid-column:2;color:var(--accent);font-size:25px;line-height:1}
.valuation-result-main small{color:var(--ink-40);font-size:11px}
.valuation-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}
.valuation-breakdown span{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px;color:var(--ink);font-size:12px;text-align:right}
.valuation-breakdown b{float:left;color:var(--ink-60);font-weight:700}
.valuation-manual-note{color:var(--ink-60);font-size:11px;line-height:1.45;margin-top:9px}
.valuation-disclaimer{color:var(--ink-40);font-size:11px;line-height:1.45;margin-top:9px}
@media(max-width:620px){
  .valuation-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
  .valuation-result-main{grid-template-columns:1fr}
  .valuation-result-main b{grid-row:auto;grid-column:auto;font-size:23px;margin-top:4px}
}

/* Produktni MVP: domača stran in prodajni komplet */
.home-product-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.home-product-steps span{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:11px;color:var(--ink-60);line-height:1.35}
.home-product-steps b{display:block;color:var(--accent);font-size:15px;margin-bottom:3px}
.home-example-btn{display:block;width:100%;margin-top:9px;padding:10px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--ink-60);font-size:12px;font-weight:700}
.home-example-btn:hover{border-color:var(--accent);color:var(--accent)}
.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.before-after-grid article{padding:20px;border:1.5px solid var(--border);border-radius:12px;background:var(--card)}
.before-after-grid article.after{border-color:var(--accent-mid);background:var(--accent-light)}
.before-after-grid span{display:block;margin-bottom:10px;font-size:10px;font-weight:900;text-transform:uppercase;color:var(--accent)}
.before-after-grid p{font-size:14px;line-height:1.7;color:var(--ink-60)}
.home-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-faq details{padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.home-faq summary{cursor:pointer;font-size:13px;font-weight:800;color:var(--ink)}
.home-faq p{padding-top:9px;font-size:12.5px;line-height:1.6;color:var(--ink-60)}
.sales-kit{margin-top:14px;padding:16px;border:1.5px solid var(--accent-mid);border-radius:12px;background:var(--accent-light)}
.sales-kit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.sales-kit-head span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:var(--accent)}
.sales-kit-head b{display:block;font-size:15px;color:var(--ink);margin-top:3px}
.sales-kit-head button,.sales-kit label button{padding:7px 10px;border:1px solid var(--accent-mid);border-radius:8px;background:var(--card);color:var(--accent);font-size:11px;font-weight:800}
.sales-kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sales-kit label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:var(--ink-60)}
.sales-kit textarea{width:100%;min-height:92px;resize:vertical;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);font:12px/1.5 inherit}
#sales-title{min-height:62px}
.sales-kit-notes{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);font-size:12px;line-height:1.55;color:var(--ink-60)}
.sales-kit-notes b{display:block;color:var(--ink);margin-bottom:6px}
.sales-kit-notes ul{padding-left:18px}
[data-theme="dark"] .before-after-grid article.after,[data-theme="dark"] .sales-kit{background:var(--surface-2)}
@media(max-width:700px){.home-product-steps,.before-after-grid,.home-faq,.sales-kit-grid{grid-template-columns:1fr}.home-product-steps span{display:grid;grid-template-columns:24px 1fr;align-items:center}.home-product-steps b{margin:0}.sales-kit-head{align-items:flex-start;flex-direction:column}}
.sales-kit-modal{max-width:720px;max-height:88vh;overflow:auto}
.export-copy-row{position:relative;padding:12px 82px 12px 0;border-bottom:1px solid var(--border)}
.export-copy-row b{display:block;font-size:11px;text-transform:uppercase;color:var(--accent);margin-bottom:5px}
.export-copy-row p{font-size:12.5px;line-height:1.55;color:var(--ink-60);white-space:pre-wrap}
.export-copy-row button{position:absolute;right:0;top:12px;padding:6px 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--accent);font-size:11px;font-weight:800}
.adq-metric small{display:block;grid-column:1/-1;color:var(--ink-40);font-size:10px;margin-top:2px}
.my-health{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.my-health span{padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:10px;color:var(--ink-60)}
.my-next-action{margin-top:7px;font-size:11px;line-height:1.4;color:var(--accent);font-weight:700}
.lead-suggestions{padding:9px 12px;border-top:1px solid var(--border);background:var(--surface)}
.lead-suggestions>span{display:block;font-size:10px;font-weight:800;color:var(--ink-40);margin-bottom:6px}
.lead-suggestions button{display:block;width:100%;margin-top:5px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink-60);font-size:11px;line-height:1.45;text-align:left}
.lead-suggestions button:hover{border-color:var(--accent);color:var(--ink)}
.admin-funnel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.admin-funnel div{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.admin-funnel span{display:block;font-size:10px;color:var(--ink-60);line-height:1.35}
.admin-funnel b{display:block;margin-top:5px;font-size:20px;color:var(--ink)}
@media(max-width:850px){.admin-funnel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.admin-funnel{grid-template-columns:1fr 1fr}}

/* Enoten obrazec za objavo: brez ločenih plavajočih kartic in praznih vrstic. */
#page-add .add-wrap{
  display:block;
  max-width:1280px;
  padding:20px;
  margin:24px auto;
  background:var(--card);
  border:1.5px solid var(--border);
  border-radius:12px;
  box-shadow:0 10px 32px rgba(20,42,52,.08);
}
#page-add .add-header{margin:0}
#page-add .add-subtitle{margin:2px 0 12px}
#page-add .ad-quality-box{margin:0 0 12px}
.add-form-columns{display:grid;grid-template-columns:minmax(0,1fr);max-width:1080px;margin:0 auto;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}
.add-form-column{min-width:0}
.add-form-column[data-column="left"]{display:none!important}
.add-form-column[data-column="right"]{width:100%;min-width:0}
.add-form-column+ .add-form-column{border-left:0}
/* Popravek: stara pravila .add-section-extra{grid-column:1} / .add-section-equipment{grid-column:2}
   (za staro postavitev .add-wrap) so "pronicala" v notranjo mrezo stolpca in jo pokvarila v 2 stolpca,
   zaradi cesar se je oprema stlacila v ozek stolpec in postala ogromno visoka. Tu jih ponastavimo. */
#page-add .add-form-column > *{grid-column:auto}
#page-add .add-form-column .form-section{border:0;border-radius:0;box-shadow:none;margin:0;background:transparent}
#page-add .add-form-column .form-section+ .form-section{border-top:1px solid var(--border)}
#page-add .add-section-description{margin-top:12px;border-radius:10px}
#page-add .submit-btn{margin-top:12px}
[hidden]{display:none!important}

.vehicle-data-summary{margin:0 0 12px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink-60);font-size:11px;line-height:1.45}
.vehicle-data-summary-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.vehicle-data-summary-head b{color:var(--ink);font-size:12px}
.vehicle-data-summary-head span{color:var(--ink-40);text-align:right}
.vehicle-data-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.vehicle-data-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink-60)}
.vehicle-data-badge b{color:var(--ink);font-size:10px}
.vehicle-data-badge.confirmed{border-color:#8bb8ce;color:var(--green)}
.vehicle-data-badge.vehicleType{border-color:var(--accent-mid);background:var(--accent-light);color:var(--accent-dark)}
.vehicle-data-badge.suggested{border-color:var(--accent-mid);color:var(--accent)}
.vehicle-data-badge.manual{border-color:#d7a46c;color:var(--orange)}
.vehicle-data-badge.choice{border-color:#d7a46c;color:var(--orange)}
.vehicle-data-badge.unknown{opacity:.72}

/* Kontrast interaktivnih elementov v temni temi. */
[data-theme="dark"] button,
[data-theme="dark"] .btn-pkg-light,
[data-theme="dark"] .btn-guide,
[data-theme="dark"] .home-example-btn,
[data-theme="dark"] .btn-valuation-calc,
[data-theme="dark"] .eq-suggest-panel button,
[data-theme="dark"] .sales-kit-head button,
[data-theme="dark"] .sales-kit label button,
[data-theme="dark"] .field-help{
  color:var(--ink);
}
[data-theme="dark"] .btn-pkg-light,
[data-theme="dark"] .btn-guide,
[data-theme="dark"] .home-example-btn,
[data-theme="dark"] .eq-suggest-panel button,
[data-theme="dark"] .sales-kit-head button,
[data-theme="dark"] .sales-kit label button{
  background:var(--surface-2);
  border-color:var(--border-2);
}
[data-theme="dark"] .btn-pkg-light:hover,
[data-theme="dark"] .btn-guide:hover,
[data-theme="dark"] .home-example-btn:hover,
[data-theme="dark"] .eq-suggest-panel button:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#071319;
}
[data-theme="dark"] .btn-ai,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .submit-btn,
[data-theme="dark"] .nav-post-btn,
[data-theme="dark"] .autofill-btn,
[data-theme="dark"] .equip-custom-btn,
[data-theme="dark"] .profile-save-btn,
[data-theme="dark"] .sgw-head button,
[data-theme="dark"] .sgw-bubble{
  color:#fff!important;
}
[data-theme="dark"] .profile-save-btn{
  background:var(--accent);
  border-color:var(--accent);
}
[data-theme="dark"] .vehicle-data-summary{background:var(--surface-2)}
[data-theme="dark"] .vehicle-data-badge{background:var(--card)}

/* Stran nikoli ne sme drseti vodoravno. "clip" namesto "hidden", ker "hidden"
   ustvari drsni kontejner in pokvari sticky elemente. Izvenzaslonski predal
   nastavitev in fiksna glava tako ne povzrocita vodoravnega drsnika. */
html,body{overflow-x:clip;max-width:100%}

/* Publish flow */
.publish-flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px}
.publish-step-label{font-size:12px;font-weight:800;color:var(--ink-60);text-align:right}
.publish-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:12px}
.publish-progress button{min-width:0;padding:8px 6px;border:1px solid var(--border);background:var(--surface);color:var(--ink-60);border-radius:8px;text-align:left;display:flex;align-items:center;gap:6px}
.publish-progress button span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--surface-2);font-size:10px;font-weight:900}
.publish-progress button b{font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.publish-progress button.on{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark)}
.publish-progress button.on span{background:var(--accent);color:#fff}
.vehicle-recognition-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:2px 0 12px}
.recognize-vehicle-btn{padding:10px 15px;border-radius:8px;background:var(--color-button-bg);color:var(--color-button-text);font-size:12px;font-weight:800}
.recognize-vehicle-btn:hover{background:var(--color-button-hover-bg);color:var(--color-button-hover-text)}
.recognition-secondary{padding:9px 11px;border:1px solid var(--border-2);border-radius:8px;background:var(--surface);color:var(--ink-60);font-size:11px;font-weight:800}
.recognition-secondary:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-light)}
.vehicle-recognition-status{display:none;padding:12px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;background:var(--surface);color:var(--ink-60);font-size:12px}
.vehicle-recognition-status.ok{background:var(--green-bg);border-color:#8bb8ce;color:var(--green)}
.vehicle-recognition-status.err{background:var(--red-bg);border-color:#efaaa4;color:var(--red)}
.recognition-status-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.recognition-status-head span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.recognition-status-head strong{color:var(--ink);font-size:13px}
.recognition-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.recognition-status-grid b{display:block;color:var(--ink);margin-bottom:3px}
.recognition-status-grid ul{padding-left:17px;line-height:1.55}
.vehicle-recognition-status p{margin-top:8px;line-height:1.5}
.recognition-status-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.recognition-status-actions button{padding:7px 9px;border-radius:6px;background:var(--card);border:1px solid var(--border-2);color:var(--accent-dark);font-size:11px;font-weight:800}
.recognition-alternatives{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.recognition-alt-btn{padding:6px 10px;border-radius:999px;background:var(--card);border:1px solid var(--border-2);color:var(--accent-dark);font-size:11px;font-weight:700;cursor:pointer}
.recognition-alt-btn:hover{border-color:var(--accent);background:var(--accent-light)}
.vin-candidates{display:grid;gap:6px;margin:8px 0}
.vin-candidate{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--card);font-family:monospace;font-size:13px;color:var(--ink)}
.vin-correction-input{width:100%;padding:10px 11px;border:1.5px solid var(--accent-mid);border-radius:8px;background:var(--card);color:var(--ink);font-family:monospace;letter-spacing:.08em}
.publish-side-dashboard{padding:14px;border-top:1px solid var(--border)}
.publish-completion-sticky{padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:10px}
.publish-completion-sticky b,.publish-completion-sticky span{display:block}
.publish-completion-sticky b{font-size:13px;color:var(--ink)}
.publish-completion-sticky span{font-size:11px;color:var(--ink-60);margin-top:3px;line-height:1.4}
.live-ad-preview{border:1px solid var(--border);border-radius:8px;padding:11px;background:var(--card)}
.live-preview-title{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:var(--ink-60);margin-bottom:8px}
.live-preview-image{aspect-ratio:16/9;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;color:var(--ink-40);font-size:11px}
.live-preview-image img{width:100%;height:100%;object-fit:contain}
.live-preview-image:not(.has-image){display:none}
.live-ad-preview h3{font-size:15px;margin:10px 0 3px;color:var(--ink)}
.live-ad-preview div[id="live-preview-meta"]{font-size:11px;color:var(--ink-60)}
.live-ad-preview strong{display:block;margin-top:8px;color:var(--accent);font-size:17px}
.next-best-action{margin-top:10px;padding:11px;border-left:3px solid var(--accent2);background:var(--accent2-light);border-radius:0 7px 7px 0}
.next-best-action span,.next-best-action b{display:block}
.next-best-action span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent2-dark);font-weight:900}
.next-best-action b{font-size:12px;line-height:1.45;color:var(--ink);margin-top:3px}
.publish-cost-preview{display:none;margin-top:10px;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.publish-cost-preview>span{display:block;margin-bottom:6px;font-size:9px;font-weight:900;text-transform:uppercase;color:var(--ink-60)}
.publish-cost-preview>div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border);font-size:11px}
.publish-cost-preview>div.total{border-bottom:0;color:var(--accent);font-size:13px}
.publish-cost-preview p,.publish-cost-preview small{display:block;font-size:10px;line-height:1.4;color:var(--ink-40)}
.publish-step-controls{justify-content:space-between;gap:8px;padding:14px;border-top:1px solid var(--border)}
.publish-step-actions{display:flex;gap:8px;justify-content:flex-end}
.publish-step-controls button{padding:10px 15px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink-60);font-weight:800}
.publish-step-controls button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.publish-step-controls button:disabled{opacity:.5}
.publish-step-subsection[hidden]{display:none!important}
.publish-subsection-title{margin:2px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-60)}
.publish-contact-subsection{margin-bottom:16px}
.field-source-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--ink-40);font-size:8px;font-weight:800;line-height:1.2;text-transform:none;vertical-align:middle}
.field-source-badge.manual,.field-source-badge.confirmed{border-color:#8bb8ce;background:var(--green-bg);color:var(--green)}
.field-source-badge.vehicleType{border-color:var(--accent-mid);background:var(--accent-light);color:var(--accent-dark)}
.field-source-badge.vin{border-color:var(--accent-mid);background:var(--accent-light);color:var(--accent-dark)}
.field-source-badge.suggested{border-color:#e1bd74;background:#fff8e6;color:#7b5512}
[data-theme="dark"] .field-source-badge.suggested{background:#382d18;color:#f0cc82}
.ev-hidden-field{display:none}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:2px}[data-theme="dark"] .vin-candidate,[data-theme="dark"] .recognition-status-actions button,[data-theme="dark"] .live-ad-preview{background:var(--surface-2);color:var(--ink)}
[data-theme="dark"] .recognize-vehicle-btn,
[data-theme="dark"] .publish-step-controls button.primary,
[data-theme="dark"] .theme-btn.on,
[data-theme="dark"] .publish-progress button.on span{background:var(--color-button-bg);color:var(--color-button-text)!important}
[data-theme="dark"] .photo-recognition-toolbar{background:linear-gradient(135deg,#172436,#111b2c)!important;border-color:rgba(157,191,212,.22)!important}
[data-theme="dark"] .photo-recognition-toolbar .recognition-secondary{background:#111a2b!important;border-color:rgba(157,191,212,.25)!important;color:#dce7ee!important}
.publish-trim-row{margin-bottom:12px}
.publish-trim-row>.fg{width:100%}
.publish-mileage-row{margin-bottom:12px}
.photo-checklist{margin:11px 0 0;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.photo-recognition-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px 0 0;padding:12px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 82%,var(--accent-light)),var(--card));color:var(--ink)}
.photo-recognition-toolbar b{display:block;font-size:12px;color:var(--ink);margin-bottom:3px}
.photo-recognition-toolbar small{display:block;font-size:10px;line-height:1.45;color:var(--ink-60)}
.photo-recognition-toolbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.photo-recognition-toolbar-actions button{min-height:38px;white-space:nowrap}
.photo-recognition-toolbar-actions button:disabled{opacity:.62;cursor:not-allowed}
.photo-template-guide{margin-top:11px;padding:12px;border:1px solid var(--accent-mid);border-radius:8px;background:var(--accent-light)}
.photo-template-guide>div:first-child{display:grid;gap:3px}.photo-template-guide b{font-size:12px;color:var(--ink)}.photo-template-guide small{font-size:10px;line-height:1.45;color:var(--ink-60)}
.photo-template-frames{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px}.photo-template-frames span{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;border:1px dashed var(--accent-mid);border-radius:7px;background:color-mix(in srgb,var(--card) 80%,transparent);color:var(--ink-60);font-size:9px;font-weight:800;text-align:center}.photo-template-frames span i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-size:10px}.photo-template-frames span.done{border-style:solid;border-color:var(--green);background:var(--green-bg);color:var(--green)}.photo-template-frames span.done i{background:var(--green)}
.photo-checklist>b{display:block;margin-bottom:8px;font-size:11px;color:var(--ink)}
.photo-checklist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.photo-checklist-grid span{padding:6px 7px;border:1px solid var(--border);border-radius:6px;color:var(--ink-40);font-size:10px;text-align:center}
.photo-checklist-grid span.done{border-color:#8bb8ce;background:var(--green-bg);color:var(--green);font-weight:800}
.photo-checklist small{display:block;margin-top:8px;color:var(--ink-40);font-size:9.5px;line-height:1.4}
.photo-angle-status{display:none;margin:9px 0 0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}
.photo-angle-status.loading,.photo-angle-status.ok,.photo-angle-status.error{display:grid;gap:3px}
.photo-angle-status b{font-size:11px}
.photo-angle-status span{font-size:10px;line-height:1.4;color:var(--ink-60)}
.photo-angle-status.loading{border-color:var(--accent);background:var(--accent-light)}
.photo-angle-status.ok{border-color:var(--green);background:var(--green-bg)}
.photo-angle-status.error{border-color:var(--orange);background:var(--orange-bg)}
.photo-recognition-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.photo-recognition-actions button{flex:1 1 190px}
#photo-recognition-status{margin:10px 0 0}

@media(max-width:900px){
  #page-add .add-wrap{margin:12px;padding:12px}
  .add-form-columns{grid-template-columns:1fr}
  .add-form-column+ .add-form-column{border-left:0;border-top:1px solid var(--border)}
  .publish-progress{display:flex;overflow-x:auto;padding-bottom:4px}
  .publish-progress button{min-width:126px}
  .publish-flow-toolbar{align-items:flex-start;flex-direction:column}
  .publish-step-label{text-align:left}
  .publish-completion-sticky{position:static;box-shadow:none}
  .publish-step-controls{position:sticky;bottom:0;z-index:20;background:var(--card);box-shadow:0 -8px 20px rgba(20,42,52,.12);padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .publish-step-controls button{min-height:44px}
  .recognition-status-grid{grid-template-columns:1fr}
  .photo-recognition-toolbar{display:grid;grid-template-columns:1fr;gap:10px}
  .photo-recognition-toolbar-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .photo-recognition-toolbar-actions button{width:100%;white-space:normal}
}
/* Vehicle type selector and professional listing options */
.vehicle-type-panel{margin:12px 0 14px;border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden;color:var(--ink)}
.generation-resolution{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 12px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--ink)}
.generation-resolution[hidden]{display:none!important}
.generation-resolution>div:first-child,.generation-resolution-title{display:grid;gap:3px}
.generation-resolution span{color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase}
.generation-resolution b{font-size:14px;color:var(--ink)}
.generation-resolution small{color:var(--ink-60);font-size:11px;line-height:1.4}
.generation-resolution button{min-height:40px;padding:8px 12px;border:1px solid var(--border-2);border-radius:6px;background:var(--card);color:var(--ink);font-weight:800;cursor:pointer}
.generation-resolution button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.generation-resolution.exact{border-color:var(--green)}
.generation-resolution.proposal{border-color:var(--accent-mid)}
.generation-resolution.ambiguous{display:block;border-color:var(--orange)}
.generation-resolution.no-match{justify-content:flex-start}
.generation-resolution.no-match span{color:var(--ink-60);text-transform:none;font-size:12px}
.generation-resolution-actions{display:flex!important;gap:8px}
.generation-choice-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:10px}
.generation-choice{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--card);cursor:pointer}
.generation-choice.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.generation-choice input{flex:0 0 auto;margin-top:3px;accent-color:var(--accent)}
.generation-choice span{display:grid;gap:2px;color:var(--ink);font-size:12px;text-transform:none}
.generation-choice b{font-size:12px}.generation-choice small{overflow-wrap:anywhere}
[data-theme="dark"] .generation-resolution,[data-theme="dark"] .generation-choice,[data-theme="dark"] .generation-resolution button{background:var(--surface-2);color:var(--ink)}
[data-theme="dark"] .generation-resolution button.primary{background:var(--accent);color:#fff}
.add-section-vehicle .vehicle-type-panel{
  margin:18px 0 8px;
  border:0;
  border-top:1px solid var(--border);
  border-radius:0;
  background:transparent;
  overflow:visible;
}
@media(max-width:620px){
  .photo-template-frames{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gallery-main{height:290px}.gallery-nav{opacity:1;width:34px;height:44px}.gallery-damage-hotspot span{display:none}.gallery-damage-hotspot b{width:23px;height:23px}
  .listing-image-nav{opacity:1}.listing-thumb-strip{opacity:1;transform:none}
  .lb-zoom-controls{right:14px;bottom:14px}.lb-count{left:14px;transform:none}
}
.add-section-vehicle .vehicle-type-head{padding:16px 0 10px;border:0}
.add-section-vehicle .vehicle-type-tools{padding:0 0 12px;border:0;background:transparent}
.add-section-vehicle .vehicle-type-results{padding:0}
.vehicle-type-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid var(--border)}
.vehicle-type-head span,.listing-options-title{display:block;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase}
.vehicle-type-head h3{margin:3px 0 2px;font-size:18px;letter-spacing:0;color:var(--ink)}
.vehicle-type-head p,.vehicle-type-fallback p,.listing-option-panel p{margin:0;color:var(--ink-60);font-size:12px;line-height:1.45}
.vehicle-type-manual,.vehicle-type-fallback button{border:1px solid var(--border);background:var(--card);color:var(--ink);padding:8px 11px;border-radius:6px;font-weight:700;cursor:pointer}
.vehicle-type-tools{display:grid;grid-template-columns:minmax(210px,2fr) repeat(3,minmax(120px,1fr)) minmax(170px,1fr);gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}
.vehicle-type-tools label,.equipment-search{display:flex;flex-direction:column;gap:4px;color:var(--ink-60);font-size:10px;font-weight:700;text-transform:uppercase}
.vehicle-type-tools input[type="search"],.vehicle-type-tools select,.equipment-search input{width:100%;min-height:38px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);padding:8px 10px}
.vehicle-type-tools .vehicle-type-check{align-self:end;min-height:38px;flex-direction:row;align-items:center;padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);text-transform:none}
.vehicle-type-check input{accent-color:var(--accent)}
.vehicle-type-table-head,.vehicle-type-card{display:grid;grid-template-columns:minmax(175px,1.7fr) minmax(130px,1.2fr) .72fr .85fr .72fr 1fr .82fr 1.1fr .8fr;gap:8px;align-items:center}
.vehicle-type-table-head{padding:9px 14px;background:var(--surface-2);color:var(--ink-60);font-size:10px;font-weight:800;text-transform:uppercase;border-bottom:1px solid var(--border)}
.vehicle-type-card{width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--border);background:var(--card);color:var(--ink);text-align:left;font-size:12px}
.vehicle-type-card:hover{background:var(--surface-2)}
.vehicle-type-card.selected{background:var(--accent-light);box-shadow:inset 4px 0 0 var(--accent)}
.vehicle-type-card.selected .vehicle-type-choose{background:var(--accent);border-color:var(--accent);color:#fff}
.vehicle-type-panel.has-selection .vehicle-type-head span::after{content:'  /  IZBIRA SHRANJENA';color:var(--green)}
.vehicle-type-name{font-weight:800;font-size:13px}
.vehicle-type-card em{font-style:normal;font-size:10px;color:var(--ink-60)}
.vehicle-type-card em.high{color:var(--green)}
.vehicle-type-card em.low{color:var(--orange)}
.vehicle-type-main{display:grid;gap:4px;min-width:0}.vehicle-type-main b{overflow:hidden;text-overflow:ellipsis}
.vehicle-type-card small{color:var(--ink-60);font-size:10px;line-height:1.35}
.vehicle-type-choose{min-height:40px;padding:8px 10px}
.vehicle-type-empty{display:flex;flex-direction:column;gap:4px;padding:20px 16px;color:var(--ink)}
.vehicle-type-empty span{color:var(--ink-60);font-size:12px}
.vehicle-type-empty-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.vehicle-type-empty-actions button{min-height:42px;padding:8px 12px;border:1px solid var(--border-2);border-radius:6px;background:var(--card);color:var(--ink);font-weight:800}
.vehicle-type-fallback{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--surface-2)}
.vehicle-type-fallback div{display:flex;gap:7px;flex-wrap:wrap}
.vehicle-type-results{padding:0}
.vehicle-type-card-list{display:block}
.vehicle-type-required{display:flex;align-items:end;gap:12px;padding:0 16px 14px}
.vehicle-type-required label{display:flex;flex:0 0 220px;flex-direction:column;gap:5px;color:var(--ink-60);font-size:11px;font-weight:800;text-transform:uppercase}
.vehicle-type-required select{min-height:40px;border:1px solid var(--border-2);border-radius:8px;background:var(--card);color:var(--ink);padding:8px 10px}
.vehicle-type-required small{padding-bottom:9px;color:var(--ink-60);font-size:11px}
[data-theme="dark"] .vehicle-type-required select{background:var(--surface-2);color:var(--ink)}
@media(max-width:640px){
  .vehicle-type-required{align-items:stretch;flex-direction:column}
  .vehicle-type-required label{flex-basis:auto}
}
.technical-data-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:2px 0 14px;padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.technical-data-head span{display:block;color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.technical-data-head strong{display:block;margin-top:3px;color:var(--ink);font-size:15px}
.technical-data-head p{margin-top:4px;color:var(--ink-60);font-size:11px;line-height:1.45}
.technical-data-head button{flex:0 0 auto;padding:8px 11px;border:1px solid var(--border-2);border-radius:6px;background:var(--card);color:var(--accent-dark);font-size:11px;font-weight:800}
.technical-manual-notice{margin:-4px 0 12px;padding:10px 12px;border-left:3px solid var(--orange);border-radius:0 7px 7px 0;background:var(--accent2-light);color:var(--ink);font-size:11px;line-height:1.45}
.technical-summary-card{margin:-6px 0 14px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.technical-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.technical-summary-head span{display:block;color:var(--green);font-size:10px;font-weight:900;text-transform:uppercase}
.technical-summary-head strong{display:block;margin-top:3px;color:var(--ink);font-size:15px}
.technical-summary-head p{margin:3px 0 0;color:var(--ink-60);font-size:11px;line-height:1.45}
.technical-summary-head button{flex:0 0 auto;min-height:38px;padding:8px 11px;border:1px solid var(--border-2);border-radius:6px;background:var(--card);color:var(--accent-dark);font-weight:800}
.technical-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.technical-summary-item{min-width:0;padding:9px;border:1px solid var(--border);border-radius:6px;background:var(--card)}
.technical-summary-item>span,.technical-summary-item>b{display:block;overflow:hidden;text-overflow:ellipsis}
.technical-summary-item>span{color:var(--ink-40);font-size:9px;font-weight:800;text-transform:uppercase}
.technical-summary-item>b{margin:4px 0 7px;color:var(--ink);font-size:12px;white-space:nowrap}
.technical-summary-item>em{display:inline-flex;padding:2px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--ink-40);font-size:8px;font-style:normal;font-weight:850}
.technical-summary-item>em.vehicleType,.technical-summary-item>em.vin{border-color:var(--accent-mid);background:var(--accent-light);color:var(--accent-dark)}
.technical-summary-item>em.manual{border-color:#e1bd74;background:#fff8e6;color:#7b5512}
.technical-summary-item.unknown{opacity:.72}
.technical-missing-fields{margin-top:10px;padding:11px;border:1px solid #dfb86f;border-radius:7px;background:#fff8e8}
.technical-missing-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}
.technical-missing-head b{color:#6b4a10;font-size:12px}
.technical-missing-head span{color:#765f38;font-size:10px;line-height:1.4}
.technical-missing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.technical-missing-grid label{display:flex;min-width:0;flex-direction:column;gap:5px}
.technical-missing-grid label>span{color:#6b4a10;font-size:9px;font-weight:850;text-transform:uppercase}
.technical-missing-grid select,.technical-missing-grid input{width:100%;min-height:39px;border:1px solid #cda960;border-radius:6px;background:#fff;color:#1c2c33;padding:7px 9px}
.technical-missing-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.technical-missing-input small{color:#7b5a20;font-size:10px;font-weight:750;white-space:nowrap}
.equip-suggest-panel[hidden]{display:none!important}
.publish-validation-summary{margin:12px 0;padding:12px 14px;border:1px solid var(--color-error);border-left-width:4px;border-radius:7px;background:#fff1ee;color:var(--ink)}
.publish-validation-summary b{display:block;margin-bottom:5px}.publish-validation-summary ul{margin:0;padding-left:20px}.publish-validation-summary li{margin:2px 0}
.manual-vehicle-modal{max-width:880px;max-height:92vh;overflow:auto}
.manual-vehicle-modal .modal-body{background:var(--card)}
.technical-manual-modal-notice{margin-bottom:14px;padding:11px 12px;border-left:3px solid var(--orange);background:var(--accent2-light);color:var(--ink);font-size:12px;line-height:1.5}
.manual-type-name{margin-bottom:14px}
.technical-manual-fields{display:block}
.manual-vehicle-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.manual-vehicle-actions button,.spec-fallback-actions button{min-height:38px;padding:8px 13px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);font-weight:800;cursor:pointer}
.manual-vehicle-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.spec-fallback-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.technical-locked input:disabled,.technical-locked select:disabled{opacity:1;background:var(--surface-2);color:var(--ink-60);cursor:not-allowed}
.technical-locked .fg{position:relative}
.vehicle-trim-row>.fg{grid-column:1/-1}
.equipment-search{margin:10px 0 8px;max-width:420px}
.listing-options{margin-top:14px;padding:15px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.listing-options-title{margin-bottom:10px}
.listing-flag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.listing-flag-grid label,.listing-inline-check{display:flex;align-items:center;gap:7px;min-height:37px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);font-size:12px;font-weight:650}
.listing-flag-grid input,.listing-inline-check input{accent-color:var(--accent)}
.listing-option-panel{margin-top:10px;padding:12px;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--ink)}
.listing-option-heading{margin-bottom:9px;font-weight:800;color:var(--ink)}
.listing-flag-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}
.listing-public-badges{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.listing-public-badges span{padding:5px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink);font-size:10px;font-weight:800}
.listing-leasing-notice{display:flex;flex-direction:column;gap:3px;margin:9px 0;padding:10px;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--ink);font-size:12px}
.listing-leasing-notice small{color:var(--ink-60);line-height:1.4}
[data-theme="dark"] .vehicle-type-panel,[data-theme="dark"] .vehicle-type-card,[data-theme="dark"] .vehicle-type-tools input,[data-theme="dark"] .vehicle-type-tools select,[data-theme="dark"] .equipment-search input,[data-theme="dark"] .listing-options,[data-theme="dark"] .listing-flag-grid label,[data-theme="dark"] .listing-inline-check{background:var(--surface);color:var(--ink)}
[data-theme="dark"] .vehicle-type-card.selected{background:var(--accent-dark);color:#fff}
[data-theme="dark"] .vehicle-type-manual,[data-theme="dark"] .vehicle-type-fallback button{background:var(--surface-2);color:var(--ink)}
[data-theme="dark"] .technical-data-head,[data-theme="dark"] .technical-data-head button{background:var(--surface-2);color:var(--ink)}
[data-theme="dark"] .technical-summary-card,
[data-theme="dark"] .technical-summary-item,
[data-theme="dark"] .manual-vehicle-modal .modal-body{background:var(--surface);color:var(--ink)}
[data-theme="dark"] .technical-summary-head button{background:var(--surface-2);color:var(--ink)}
[data-theme="dark"] .publish-validation-summary{background:#351f1c;color:var(--ink)}
[data-theme="dark"] .technical-summary-item>em.manual{background:#382d18;color:#f0cc82}
[data-theme="dark"] .technical-missing-fields{border-color:#755c2c;background:#2b2518}
[data-theme="dark"] .technical-missing-head b,[data-theme="dark"] .technical-missing-grid label>span{color:#f0cc82}
[data-theme="dark"] .technical-missing-head span{color:#c9b98f}
[data-theme="dark"] .technical-missing-grid select,[data-theme="dark"] .technical-missing-grid input{border-color:#755c2c;background:var(--surface-2);color:var(--ink)}[data-theme="dark"] .technical-missing-input small{color:#e5bf75}
[data-theme="dark"] .manual-vehicle-actions button,
[data-theme="dark"] .spec-fallback-actions button{background:var(--surface-2);color:var(--ink);border-color:var(--border)}
[data-theme="dark"] .manual-vehicle-actions button.primary{background:var(--color-button-bg);color:var(--color-button-text)}
@media(max-width:640px){.technical-summary-head{flex-direction:column}.technical-summary-head button{width:100%}.technical-summary-grid,.technical-missing-grid{grid-template-columns:1fr 1fr}.technical-missing-head{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:900px){
  .vehicle-type-tools{grid-template-columns:1fr 1fr}
  .vehicle-type-search{grid-column:1/-1}
  .vehicle-type-check{grid-column:1/-1}
  .vehicle-type-table-head{display:none}
  .vehicle-type-results{display:block;padding:8px}
  .vehicle-type-card-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .vehicle-type-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;border:1px solid var(--border);border-radius:8px;padding:12px}
  .vehicle-type-card>[data-label]:not(.vehicle-type-main){display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;line-height:1.35}
  .vehicle-type-card>[data-label]:not(.vehicle-type-main)::before{content:attr(data-label);color:var(--ink-40);font-size:9px;font-weight:850;text-transform:uppercase}
  .vehicle-type-choose{width:100%;margin-top:4px;min-height:44px}
  .listing-flag-grid,.listing-flag-grid.compact{grid-template-columns:1fr 1fr}
  .technical-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .generation-resolution{align-items:stretch;flex-direction:column;padding:11px}
  .generation-resolution-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .generation-resolution-actions button{width:100%}
  .generation-choice-list{grid-template-columns:1fr}
  .generation-resolution.exact>button{width:100%}
  .vehicle-type-head,.vehicle-type-fallback{align-items:stretch;flex-direction:column}
  .vehicle-type-tools{grid-template-columns:1fr;padding:10px}
  .vehicle-type-card-list{grid-template-columns:1fr}
  .vehicle-type-search{grid-column:auto}
  .vehicle-type-check{grid-column:auto}
  .vehicle-type-results{padding:8px}
  .vehicle-type-fallback{padding:12px}.vehicle-type-fallback div{display:grid;grid-template-columns:1fr}.vehicle-type-fallback button{min-height:44px;width:100%}
  .listing-flag-grid,.listing-flag-grid.compact{grid-template-columns:1fr}
  .manual-vehicle-modal{max-height:96vh}
  .manual-vehicle-modal .modal-head,.manual-vehicle-modal .modal-body{padding:16px}
  .technical-summary-grid{grid-template-columns:1fr 1fr}
  .manual-vehicle-actions{flex-direction:column-reverse}
  .manual-vehicle-actions button{width:100%}
}

/* Final review, draft preview and vehicle-data administration */
.final-review-panel{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}
.final-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.final-review-head span{display:block;color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase}
.final-review-head h3{margin:4px 0 0;font-size:18px;letter-spacing:0}
.final-review-head strong{padding:7px 10px;border-radius:6px;background:var(--accent);color:#fff;font-size:18px;white-space:nowrap}
.final-review-summary{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.final-review-summary span{color:var(--ink-60);font-size:12px}
.final-review-improvements{margin:12px 0;color:var(--ink)}
.final-review-improvements b{font-size:12px}
.final-review-improvements ol{margin:7px 0 0 20px;color:var(--ink-60);font-size:12px;line-height:1.7}
.final-review-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.final-review-actions button,.vehicle-candidate-actions button,.vehicle-admin-toolbar button,.vehicle-type-choose{min-height:38px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);font-weight:750;cursor:pointer}
.final-review-actions button:hover,.vehicle-candidate-actions button:hover,.vehicle-admin-toolbar button:hover{border-color:var(--accent);color:var(--accent)}
.draft-preview-overlay{padding:24px}
.draft-preview-modal{max-width:900px;max-height:92vh;overflow:auto}
.draft-preview-modal .modal-body{padding:0}
.draft-preview{background:var(--card);color:var(--ink)}
.draft-preview-cover{display:block;width:100%;max-height:460px;object-fit:contain;background:var(--surface-2)}
.draft-preview-empty{padding:80px 20px;text-align:center;background:var(--surface-2);color:var(--ink-40)}
.draft-preview-content{padding:24px}
.draft-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.draft-preview-heading span{color:var(--ink-40);font-size:11px;text-transform:uppercase}
.draft-preview-heading h2{margin:4px 0;font-size:24px;letter-spacing:0}
.draft-preview-heading strong{font-size:23px;white-space:nowrap;color:var(--accent)}
.draft-preview-meta{margin:4px 0 16px;color:var(--ink-60);font-weight:750}
.draft-preview-facts{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 18px;padding:12px 14px;background:var(--surface)}
.draft-preview h3{margin:18px 0 6px;font-size:14px}
.draft-preview-description{white-space:pre-wrap;line-height:1.6}
.draft-preview-contact{display:flex;justify-content:space-between;gap:16px;margin:22px 0;padding:14px;background:var(--surface-2)}
.draft-preview small{color:var(--ink-40)}
.vehicle-type-choose{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;font-size:10px}
.vehicle-candidate-list{display:grid;gap:9px;margin-top:12px}
.vehicle-candidate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink)}
.vehicle-candidate.rejected{opacity:.65}
.vehicle-candidate.approved,.vehicle-candidate.merged{border-left:4px solid var(--green)}
.vehicle-candidate b,.vehicle-candidate span{display:block}
.vehicle-candidate span{margin-top:4px;color:var(--ink-60);font-size:11px}
.vehicle-candidate-actions,.vehicle-admin-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.vehicle-candidate-actions button,.vehicle-admin-toolbar button{padding:7px 10px}
.vehicle-candidate-actions button.danger{border-color:var(--red);color:var(--red)}
.vehicle-admin-toolbar{margin:12px 0}
.free-import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.free-import-head-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.free-import-upload{display:inline-flex;align-items:center;min-height:38px;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);font-weight:750;cursor:pointer}
.free-import-upload input{display:none}
.free-import-summary div{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}
.free-import-summary b,.free-import-summary span{display:block}
.free-import-summary b{font-size:20px;color:var(--accent-dark)}
.free-import-summary span{margin-top:3px;color:var(--ink-60);font-size:10px;font-weight:750}
.free-import-jobs{margin:10px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.free-import-jobs summary{padding:10px;cursor:pointer;color:var(--ink);font-weight:800}
.free-import-job{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:8px;padding:8px 10px;border-top:1px solid var(--border);color:var(--ink)}
.free-import-job>*{min-width:0;overflow-wrap:anywhere}
.free-import-job span,.free-import-job small{color:var(--ink-60)}
.free-import-list{display:grid;gap:8px;margin-top:12px}
.free-import-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink)}
.free-import-record.approved,.free-import-record.merged{border-left:4px solid var(--green)}
.free-import-record.rejected{opacity:.65}
.free-import-main>span,.free-import-main>small{display:block;margin-top:5px;color:var(--ink-60)}
.free-import-record-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.free-import-state{padding:3px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink-60);font-size:9px;font-weight:850;text-transform:uppercase}
.free-import-state.valid,.free-import-state.approved,.free-import-state.merged{border-color:#8bb8ce;background:var(--green-bg);color:var(--green)}
.free-import-state.invalid,.free-import-state.rejected,.free-import-state.conflict{border-color:#efaaa4;background:var(--red-bg);color:var(--red)}
.free-import-state.warning,.free-import-state.possible_duplicate,.free-import-state.pending{border-color:#e1bd74;background:#fff8e6;color:#7b5512}
.free-import-state.dry{border-color:var(--accent-mid);background:var(--accent-light);color:var(--accent-dark)}
.eq-suggest-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.equipment-vision-panel{align-items:stretch;flex-direction:column}
.equipment-vision-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.equipment-vision-head b{display:block}
.equipment-vision-group{display:grid;gap:8px;margin-top:12px}
.equipment-vision-group>strong{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-60)}
.equipment-vision-result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--card)}
.equipment-vision-result.confirmed{border-left:3px solid var(--green)}
.equipment-vision-result.suggested{border-left:3px solid #d59624}
.equipment-vision-result.decision-confirmed{background:var(--green-bg)}
.equipment-vision-result.decision-rejected{opacity:.55}
.equipment-vision-result b,.equipment-vision-result span,.equipment-vision-result small{display:block}
.equipment-vision-result span,.equipment-vision-result small{font-size:12px;color:var(--ink-60);line-height:1.4}
.equipment-vision-result small{margin-top:3px}
.equipment-vision-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.equipment-vision-actions button{padding:7px 9px;font-size:11px}
.equipment-vision-actions .primary,.equipment-vision-head .primary{background:var(--accent);border-color:var(--accent);color:#fff}
[data-theme="dark"] .equipment-vision-actions .primary,[data-theme="dark"] .equipment-vision-head .primary{background:var(--accent);border-color:var(--accent);color:#071319}
.equipment-vision-empty,.equipment-vision-hint{margin:10px 0 0;font-size:12px;color:var(--ink-60);line-height:1.45}
.equipment-vision-hint{padding:8px 10px;border-left:3px solid #d59624;background:rgba(213,150,36,.10)}
.equipment-evidence-focus{outline:3px solid var(--accent);outline-offset:3px;border-radius:7px}
@media(max-width:700px){.equipment-vision-head,.equipment-vision-result{align-items:stretch;flex-direction:column}.equipment-vision-actions{justify-content:flex-start}.equipment-vision-actions button{flex:1 1 90px}}

[data-theme="dark"] .final-review-panel,
[data-theme="dark"] .final-review-summary,
[data-theme="dark"] .draft-preview,
[data-theme="dark"] .vehicle-candidate{background:var(--surface);color:var(--ink)}
[data-theme="dark"] .free-import-summary div,
[data-theme="dark"] .free-import-jobs,
[data-theme="dark"] .free-import-record{background:var(--surface);color:var(--ink)}
[data-theme="dark"] .free-import-upload{background:var(--surface-2);color:var(--ink);border-color:var(--border)}
[data-theme="dark"] .free-import-state.warning,
[data-theme="dark"] .free-import-state.possible_duplicate,
[data-theme="dark"] .free-import-state.pending{background:#382d18;color:#f0cc82}
[data-theme="dark"] .final-review-actions button,
[data-theme="dark"] .vehicle-candidate-actions button,
[data-theme="dark"] .vehicle-admin-toolbar button,
[data-theme="dark"] .vehicle-type-choose{background:var(--surface-2);color:var(--ink);border-color:var(--border)}
[data-theme="dark"] .final-review-actions button:hover,
[data-theme="dark"] .vehicle-candidate-actions button:hover,
[data-theme="dark"] .vehicle-admin-toolbar button:hover{color:var(--accent-mid);border-color:var(--accent-mid)}

@media(max-width:700px){
  .final-review-actions{grid-template-columns:1fr 1fr}
  .draft-preview-overlay{padding:8px}
  .draft-preview-heading,.draft-preview-contact{flex-direction:column}
  .draft-preview-heading strong{font-size:20px}
  .vehicle-candidate{grid-template-columns:1fr}
  .free-import-summary{grid-template-columns:1fr 1fr}
  .free-import-record,.free-import-job{grid-template-columns:1fr}
}
@media(max-width:430px){
  .final-review-actions{grid-template-columns:1fr}
}
.wiki-compliance-card{display:grid;gap:6px;margin:12px 0;padding:14px;border:1px solid var(--border);background:var(--surface-2);border-left:4px solid var(--accent);border-radius:6px}
.wiki-compliance-card.high{border-left-color:#c75146}.wiki-compliance-card.medium{border-left-color:#d19a35}.wiki-compliance-card.low{border-left-color:#3f8f67}
.wiki-compliance-card span,.wiki-compliance-card small{color:var(--ink-60)}.wiki-compliance-card a{color:var(--accent);font-weight:700;margin-right:12px}
.vehicle-structure-confirm{
  margin:10px 0 12px;
  padding:12px;
  border:1px solid var(--border);
  border-left:3px solid var(--accent);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
}
.vehicle-structure-head{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.vehicle-structure-head b{font-size:13px;color:var(--ink)}
.vehicle-structure-head span{font-size:12px;line-height:1.45;color:var(--ink-60)}
.vehicle-structure-row{display:grid;grid-template-columns:130px 1fr;align-items:start;gap:10px;padding:7px 0;border-top:1px solid var(--border)}
.vehicle-structure-row>span{padding-top:7px;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--ink-60)}
.vehicle-structure-row>div{display:flex;flex-wrap:wrap;gap:6px}
.vehicle-structure-row button{
  min-height:32px;
  padding:6px 10px;
  border:1px solid var(--border-2);
  border-radius:6px;
  background:var(--surface-2);
  color:var(--ink);
  font:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.vehicle-structure-row button:hover,.vehicle-structure-row button.selected{
  border-color:var(--accent);
  background:var(--accent-light);
  color:var(--accent-dark);
}
@media(max-width:640px){
  .vehicle-structure-row{grid-template-columns:1fr;gap:5px}
  .vehicle-structure-row>span{padding-top:0}
}

/* Enoten kontrast akcij v svetli in temni temi. */
.empty-results{text-align:center;padding:56px 20px;color:var(--ink-40)}
.empty-results-icon{font-size:34px;margin-bottom:10px;opacity:.3}
.empty-results-title{font-size:15px;font-weight:700;color:var(--ink)}
.empty-results-copy{font-size:13px;margin-top:4px}
.empty-reset-btn{margin-top:14px;padding:9px 18px;background:#24343d;color:#fff;border:1px solid #24343d;border-radius:8px;font-size:13px;font-weight:700}
.empty-reset-btn:hover{background:#2f5f73;border-color:#2f5f73}

[data-theme="dark"] .filters-reset{color:#9bc1cf}
[data-theme="dark"] .filter-check{background:#13242b;color:#b8d0d8;border-color:#35515b}
[data-theme="dark"] .filter-check:hover{background:#193039;color:#fff;border-color:#78a9bb}
[data-theme="dark"] .filter-advanced summary{color:#b8d0d8}
[data-theme="dark"] .filter-apply-btn,
[data-theme="dark"] .ai-search-btn,
[data-theme="dark"] .cookie-accept,
[data-theme="dark"] .sgw-bubble,
[data-theme="dark"] .empty-reset-btn{
  background:#2f5f73!important;
  color:#fff!important;
  border-color:#78a9bb!important;
}
[data-theme="dark"] .cookie-save{
  background:#a94f22!important;
  color:#fff!important;
  border-color:#d48952!important;
}
[data-theme="dark"] .cr-fav,
[data-theme="dark"] .cr-compare{
  background:rgba(17,31,39,.96);
  color:#edf4f6;
  border-color:#66818c;
}
[data-theme="dark"] .cr-fav.on{background:#491c22;color:#ffb4b4;border-color:#b85b66}
[data-theme="dark"] .cr-compare.on,
[data-theme="dark"] .sim-compare.on,
[data-theme="dark"] .btn-compare-detail.on{background:#2f5f73;color:#fff;border-color:#78a9bb}
[data-theme="dark"] .sim-compare{background:var(--surface-2);color:var(--ink);border-color:var(--border-2)}
[data-theme="dark"] .btn-compare-detail{background:#17313b;color:#b8d8e3;border-color:#5b8fa3}
[data-theme="dark"] .btn-compare-detail:hover{background:#2f5f73;color:#fff;border-color:#78a9bb}
/* Vehicle history and damage transparency */
.history-provider-panel,.damage-editor-card{margin-top:14px;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:14px}
.history-provider-panel.history-collapsed{padding-bottom:12px}
.history-provider-head,.damage-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.history-provider-head>div,.damage-editor-head>div{display:grid;gap:4px}
.history-provider-head b,.damage-editor-head b{font-size:13px;color:var(--ink)}
.history-provider-head span,.damage-editor-head span{font-size:12px;color:var(--ink-60);line-height:1.45}
.history-provider-head button,.damage-open-btn,.public-damage-head button{border:1px solid var(--border-2);background:var(--surface-2);color:var(--ink);border-radius:6px;padding:8px 11px;font-weight:700;cursor:pointer}
.history-provider-list{display:grid;gap:7px;margin-top:12px}
.history-more-providers,.public-history-more{margin-top:9px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2)}
.history-more-providers>summary,.public-history-more>summary{padding:10px 12px;color:var(--ink);font-size:12px;font-weight:850;cursor:pointer}
.history-more-providers>div{display:grid;gap:7px;padding:0 9px 9px}.history-more-providers>small{display:block;padding:0 11px 11px;color:var(--ink-60);font-size:10px}
.public-history-more .public-history-links{margin:0;padding:0 9px 9px}
.history-provider-item{display:grid;grid-template-columns:minmax(0,1fr) 135px auto;align-items:center;gap:12px;border:1px solid var(--border);background:var(--card);padding:10px;border-radius:6px}
.history-provider-item.recommended{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.history-provider-main{display:grid;gap:3px;min-width:0}
.history-provider-main>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.history-provider-main b{font-size:13px;color:var(--ink)}
.history-provider-main span,.history-provider-main small,.history-provider-price small{font-size:11px;color:var(--ink-60)}
.history-provider-best{padding:2px 5px;border-radius:4px;background:var(--green-bg);color:var(--green)!important;font-weight:700}
.history-provider-price{display:grid;gap:2px}.history-provider-price b{font-size:12px;color:var(--ink)}
.history-provider-item>button{border:0;background:#2f5f73;color:#fff;border-radius:6px;padding:9px 11px;font-weight:800;cursor:pointer}
.history-provider-disclaimer{display:block;color:var(--ink-40);line-height:1.4;margin-top:9px}
.avtolog-attachment-choice{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.avtolog-attachment-choice label{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}
.history-provider-content{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.history-current-vin-cta,.publish-vin-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--accent-mid);border-radius:8px;background:var(--accent-light);color:var(--ink)}
.history-current-vin-cta>div,.publish-vin-entry>div{display:grid;gap:3px}.history-current-vin-cta b,.publish-vin-entry b{font-size:12px}.history-current-vin-cta span,.publish-vin-entry span{font-size:10.5px;line-height:1.4;color:var(--ink-60)}
.history-current-vin-cta button{flex:0 0 auto;padding:9px 12px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.publish-vin-entry{margin:4px 0 12px}.publish-vin-entry .recognize-vehicle-btn{flex:0 0 auto}
.avtolog-attachment-form{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--border);background:var(--card);border-radius:6px}
.avtolog-actions,.avtolog-upload-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.avtolog-actions button,.avtolog-upload-button{border:1px solid var(--border-2);background:var(--surface-2);color:var(--ink);border-radius:6px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer}
.avtolog-upload-row span,.avtolog-safe-note{font-size:11px;color:var(--ink-60)}
.avtolog-safe-note{padding:8px;border-left:3px solid var(--accent);background:var(--accent-light)}
.avtolog-attachment-preview{display:grid;gap:3px;margin-top:8px;color:var(--ink)}.avtolog-attachment-preview b{font-size:12px}.avtolog-attachment-preview span{font-size:11px;color:var(--ink-60)}
.avtolog-public-badge{display:inline-flex;margin-top:10px;padding:5px 8px;border-radius:6px;background:var(--green-bg);color:var(--green);font-size:11px;font-weight:900}
.avtolog-public-meta{display:flex!important;flex-direction:row!important;gap:8px!important;flex-wrap:wrap;margin-top:8px}.avtolog-public-meta span{border:1px solid var(--border);background:var(--surface);padding:5px 7px;border-radius:6px}
.avtolog-public-cta,.avtolog-pdf-link{display:inline-flex;margin-top:10px;border:0;background:#2f5f73;color:#fff!important;border-radius:6px;padding:9px 12px;font-weight:800;text-decoration:none}
.avtolog-report-preview{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:9px;margin-top:10px;border:1px solid var(--border);background:var(--surface);padding:7px;border-radius:6px;text-decoration:none;color:var(--ink)}.avtolog-report-preview img{width:90px;height:65px;object-fit:cover;border-radius:4px}.avtolog-report-preview span{font-size:12px;font-weight:800}
.avtolog-vin-private{margin-top:8px;font-size:11px;color:var(--orange)}
.vin-request-modal{max-width:520px}.vin-request-modal .modal-body{display:grid;gap:14px;color:var(--ink)}.vin-request-modal p{margin:0;color:var(--ink-60);line-height:1.55}.vin-request-modal small{color:var(--ink-60)}.vin-request-actions{display:flex;gap:8px;flex-wrap:wrap}.vin-request-actions button{min-height:42px;padding:9px 12px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface-2);color:var(--ink);font-weight:800}.vin-request-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.first-registration-month-label{display:block;margin:7px 0 4px;color:var(--ink-60);font-size:10px;text-transform:uppercase;font-weight:800}
#add-prvareg-vehicle{width:100%}
.unknown-year-types{margin-top:9px;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:9px}.unknown-year-types summary{cursor:pointer;color:var(--orange);font-size:12px;font-weight:900}.unknown-year-types p{margin:7px 0;color:var(--ink-60);font-size:11px;line-height:1.4}.unknown-year-types select{width:100%;background:var(--card);color:var(--ink);border:1px solid var(--border-2);border-radius:6px;padding:8px}.vehicle-type-empty.warning{border-color:var(--orange);background:var(--accent2-light)}
.damage-editor-head select{max-width:250px;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:6px;padding:9px}
.damage-editor-actions{display:flex;align-items:center;gap:12px;margin-top:12px}
.damage-editor-actions>span{font-size:12px;color:var(--ink-60)}
.damage-summary-preview{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-top:1px solid var(--border);padding-top:10px;color:var(--ink)}
.damage-summary-preview>div{display:flex;flex-wrap:wrap;gap:5px 10px}.damage-summary-preview>div:first-child b{width:100%;font-size:13px}
.damage-summary-preview span,.damage-summary-preview small{font-size:11px;color:var(--ink-60)}
.damage-summary-price{display:grid!important;text-align:right}.damage-summary-price b{font-size:14px;color:var(--accent)}
.damage-summary-preview>small{grid-column:1/-1}
.img-preview{position:relative}
.img-damage-badge{position:absolute;left:6px;bottom:6px;border:0;background:rgba(18,32,38,.9);color:#fff;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:800;cursor:pointer}
.damage-modal{width:min(1120px,96vw);max-width:1120px}
.damage-modal-body{max-height:82vh;overflow:auto}
.damage-photo-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:9px}
.damage-photo-tabs button{width:72px;height:54px;flex:0 0 auto;padding:2px;border:2px solid transparent;background:var(--surface-2);border-radius:6px;position:relative;cursor:pointer}
.damage-photo-tabs button.on{border-color:var(--accent)}.damage-photo-tabs img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.damage-photo-tabs span{position:absolute;right:4px;bottom:3px;background:rgba(0,0,0,.72);color:#fff;border-radius:4px;padding:1px 4px;font-size:10px}
.damage-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:16px}
.damage-image-stage{position:relative;display:grid;place-items:center;min-height:430px;background:#0b1215;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:crosshair}
.damage-image-stage>img{display:block;width:100%;height:100%;max-width:100%;max-height:68vh;object-fit:contain;object-position:50% 50%}
#damage-marker-layer{position:absolute;inset:0;pointer-events:none}
.damage-marker{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;border:2px solid #fff;background:#d34d37;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 2px 9px rgba(0,0,0,.55);pointer-events:auto;cursor:pointer}
.damage-marker.severity-minor{background:#d89b20}.damage-marker.severity-moderate{background:#d36b2f}.damage-marker.severity-major{background:#bd2f2f}.damage-marker.severity-draft{background:var(--accent)}
.damage-image-empty{display:none;color:#fff;font-size:13px}
.damage-debug-output{grid-column:1/-1;max-height:220px;overflow:auto;border:1px solid var(--border);background:#071014;color:#7dd3fc;border-radius:6px;padding:10px;font:11px/1.45 ui-monospace,Consolas,monospace;white-space:pre-wrap}
.damage-form{display:grid;gap:10px;border:1px solid var(--border);background:var(--surface);padding:13px;border-radius:8px}
.damage-form-notice{font-size:12px;padding:9px;background:var(--accent-light);color:var(--ink);border-radius:6px}
.damage-form .fg{margin:0}.damage-form select,.damage-form textarea{background:var(--card);color:var(--ink);border-color:var(--border)}
.damage-estimate-preview{display:grid;gap:3px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px}
.damage-estimate-preview b{font-size:17px;color:var(--accent)}.damage-estimate-preview span,.damage-estimate-preview small{font-size:11px;color:var(--ink-60);line-height:1.4}
.damage-form-actions{display:flex;justify-content:flex-end;gap:8px}.damage-form-actions button{border:1px solid var(--border-2);background:var(--card);color:var(--ink);padding:9px 12px;border-radius:6px;font-weight:700}.damage-form-actions .primary{background:#2f5f73;color:#fff;border-color:#2f5f73}
.damage-annotation-list{display:grid;gap:6px;margin-top:14px}.damage-annotation-list article{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--border);background:var(--card);border-radius:6px}.damage-list-number{width:23px;height:23px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.damage-annotation-list article>div{display:grid;gap:2px}.damage-annotation-list b{font-size:12px;color:var(--ink)}.damage-annotation-list span,.damage-annotation-list small{font-size:11px;color:var(--ink-60)}.damage-annotation-list button{border:0;background:transparent;color:var(--red,#c43f3f);cursor:pointer;font-weight:700}
.valuation-damage-warning{display:grid;gap:4px;margin-top:9px;padding:10px;border-left:3px solid var(--orange);background:var(--orange-bg,#fff5e9);color:var(--ink)}.valuation-damage-warning b{font-size:12px}.valuation-damage-warning span{font-size:15px;font-weight:800}.valuation-damage-warning small{font-size:11px;color:var(--ink-60)}
.public-damage-card,.public-history-card{margin:18px 0;border:1px solid var(--border);background:var(--card);border-radius:8px;padding:15px;color:var(--ink)}
.damage-listing-popup{position:fixed;right:18px;bottom:22px;z-index:10020;width:min(290px,calc(100vw - 28px));padding:5px;border:1px solid #b42318;border-radius:10px;background:#fff4f2;box-shadow:0 8px 24px rgba(89,19,13,.18);opacity:0;transform:translateY(12px);transition:opacity .18s,transform .18s}.damage-listing-popup.show{opacity:1;transform:none}.damage-popup-main{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:7px;width:100%;padding:7px;border:0;background:transparent;color:#7f1d1d;text-align:left;cursor:pointer}.damage-popup-main>span:nth-child(2){display:grid;gap:2px}.damage-popup-main strong{font-size:13px;line-height:1.2}.damage-popup-main small{color:#9f2f25;font-size:10px;line-height:1.3}.damage-popup-main>i{font-style:normal;font-size:18px;font-weight:900;text-align:center;animation:damagePopupArrow 1.15s ease-in-out infinite}.damage-popup-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#b42318;color:#fff;font-size:18px;font-weight:900}.damage-popup-close{position:absolute;right:-8px;top:-8px;z-index:2;width:23px;height:23px;border:1px solid #e6aaa4;border-radius:50%;background:#fff;color:#7f1d1d;font-size:16px;line-height:1;cursor:pointer}.damage-popup-main:focus-visible,.damage-popup-close:focus-visible{outline:3px solid rgba(180,35,24,.4);outline-offset:2px}@keyframes damagePopupArrow{50%{transform:translateY(3px)}}
.public-damage-known{margin-top:12px;padding:11px 12px;border-left:4px solid #b42318;border-radius:5px;background:#fff6f5;color:#6f1b14}.public-damage-known p{margin:4px 0 0;line-height:1.5}
#public-damage-section:focus{outline:3px solid rgba(180,35,24,.22);outline-offset:4px;scroll-margin-top:90px}
@media(max-width:600px){.damage-listing-popup{right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}}
.public-damage-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.public-damage-head>div{display:grid;gap:2px}.public-damage-head span{font-size:11px;text-transform:uppercase;color:var(--ink-60);font-weight:700}.public-damage-head b{font-size:17px}
.public-damage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.public-damage-grid article{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;border:1px solid var(--border);padding:7px;border-radius:6px;background:var(--surface)}.public-damage-image{position:relative;height:76px;width:100%;padding:0;border:0;border-radius:4px;overflow:hidden;background:var(--surface-2);cursor:zoom-in}.public-damage-image img{width:100%;height:100%;object-fit:contain;border-radius:4px;display:block}.public-damage-image i{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;border-radius:50%;background:#c63e32;color:#fff;border:3px solid #fff;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.65)}.public-damage-zoom{position:absolute;right:4px;bottom:4px;padding:3px 5px;border-radius:4px;background:rgba(10,20,25,.82);color:#fff!important;font-size:9px!important;font-weight:800}.public-damage-grid article>div:last-child{display:grid;align-content:center;gap:3px}.public-damage-grid b{font-size:12px}.public-damage-grid span,.public-damage-grid small{font-size:11px;color:var(--ink-60)}
.public-damage-estimate{display:grid;gap:3px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.public-damage-estimate span,.public-damage-estimate small{font-size:11px;color:var(--ink-60)}.public-damage-estimate b{font-size:20px;color:var(--accent)}.public-damage-estimate strong{font-size:12px;color:var(--orange)}
.public-damage-overlay{z-index:10060}.damage-viewer-open{overflow:hidden}.public-damage-viewer-modal{width:min(980px,calc(100vw - 30px));max-width:980px;max-height:calc(100vh - 30px)}.public-damage-viewer-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:420px}.public-damage-viewer-stage{position:relative;min-width:0;min-height:420px;background:#071014;overflow:hidden}.public-damage-viewer-stage>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.public-damage-view-marker{position:absolute;transform:translate(-18px,-18px);display:flex;align-items:center;gap:8px;pointer-events:none}.public-damage-view-marker i{width:36px;height:36px;flex:0 0 36px;border-radius:50%;border:4px solid #fff;background:#c63e32;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900;box-shadow:0 3px 14px rgba(0,0,0,.75)}.public-damage-view-marker span{max-width:220px;padding:7px 9px;border-radius:6px;background:rgba(7,16,20,.9);color:#fff;font-size:12px;font-weight:800;box-shadow:0 3px 14px rgba(0,0,0,.55)}.public-damage-viewer-info{display:grid;align-content:start;gap:7px;padding:20px;background:var(--card);color:var(--ink);border-left:1px solid var(--border)}.public-damage-viewer-info>b{font-size:18px}.public-damage-viewer-info>span,.public-damage-viewer-info>small{color:var(--ink-60)}.public-damage-viewer-info p{margin:8px 0;line-height:1.55}
body.damage-viewer-open .site-guide-widget,body.modal-focus-open .site-guide-widget{display:none}
.public-history-card>div:first-child{display:grid;gap:3px}.public-history-card>div:first-child span,.public-history-card>small{font-size:11px;color:var(--ink-60)}.public-history-links{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.public-history-links a{display:grid;gap:1px;text-decoration:none;border:1px solid var(--border-2);background:var(--surface);color:var(--ink);border-radius:6px;padding:8px 10px;font-weight:700;font-size:12px}.public-history-links small{font-weight:400;color:var(--ink-60)}
.repair-detail-modal{width:min(760px,94vw)}.repair-total{display:grid;gap:3px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.repair-total span,.repair-total small{font-size:11px;color:var(--ink-60)}.repair-total b{font-size:22px;color:var(--accent)}.repair-items{display:grid;gap:7px;margin-top:12px}.repair-items article{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;border-bottom:1px solid var(--border);padding:9px 0}.repair-items article>span{width:23px;height:23px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px}.repair-items p{margin:3px 0 0;font-size:11px;color:var(--ink-60)}.repair-items strong{font-size:12px;color:var(--ink)}.repair-inspection-warning{margin-top:12px;padding:10px;background:var(--orange-bg,#fff5e9);color:var(--ink);border-left:3px solid var(--orange);font-size:12px}.repair-disclaimer{font-size:11px;color:var(--ink-60);line-height:1.45}
.admin-provider-list,.admin-repair-list{display:grid;gap:6px;margin-top:10px}.admin-provider-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px 150px auto;gap:8px;align-items:center;border:1px solid var(--border);background:var(--surface);padding:8px;border-radius:6px}.admin-provider-row input,.admin-repair-row input,#adm-repair-note{background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:8px}.admin-provider-row a{color:var(--accent)}.admin-repair-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px 120px;gap:8px;align-items:center}.admin-repair-row span{font-size:12px;color:var(--ink)}
body.damage-editor-open .site-guide-widget{display:none}
@media(max-width:760px){
  .history-provider-item{grid-template-columns:1fr auto}.history-provider-price{grid-column:1}.history-provider-head,.damage-editor-head{display:grid}.damage-editor-head select{max-width:none;width:100%}
  .history-current-vin-cta,.publish-vin-entry{align-items:stretch;flex-direction:column}.history-current-vin-cta button,.publish-vin-entry button{width:100%}
  .damage-summary-preview,.damage-workspace{grid-template-columns:1fr}.damage-image-stage{min-height:270px}.damage-form{order:-1}.public-damage-grid{grid-template-columns:1fr}.public-damage-grid article{grid-template-columns:88px 1fr}.public-damage-viewer-body{grid-template-columns:1fr;grid-template-rows:minmax(300px,55vh) auto}.public-damage-viewer-stage{min-height:300px}.public-damage-viewer-info{border-left:0;border-top:1px solid var(--border);padding:14px}.public-damage-view-marker span{max-width:145px;font-size:10px}
  .admin-provider-row{grid-template-columns:1fr 1fr}.admin-provider-enabled{grid-column:1/-1}.admin-repair-row{grid-template-columns:1fr 1fr}.admin-repair-row span{grid-column:1/-1}
  .avtolog-attachment-choice{display:grid}.avtolog-attachment-choice label{width:100%}
  .pwa-update-prompt{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:auto;align-items:stretch;flex-direction:column;gap:10px}
  .pwa-update-prompt>div:last-child,.vin-request-actions{display:grid;grid-template-columns:1fr}
  .pwa-update-prompt button,.vin-request-actions button{width:100%}
}

/* Public listing hierarchy and optional tools */
.public-listing-section{margin:18px 0}
.listing-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 20px}
.listing-summary-strip>div,.vehicle-state-grid>div{display:grid;gap:3px;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.listing-summary-strip span,.vehicle-state-grid span{font-size:10px;color:var(--ink-60);text-transform:uppercase;font-weight:800}
.listing-summary-strip b,.vehicle-state-grid b{font-size:14px;color:var(--ink)}
.public-section-title{margin-bottom:10px;font-size:16px;font-weight:850;color:var(--ink)}
.public-section-empty{margin:6px 0 0;color:var(--ink-60);font-size:13px}
.public-technical-section{padding-top:4px}
.public-tech-item{position:relative;padding-bottom:10px}
.public-data-source{position:absolute;left:10px;bottom:8px;padding:2px 5px;border:1px solid var(--border);border-radius:4px;color:var(--ink-60);font-size:9px;font-weight:800}
.public-data-source.vehicle-type{border-color:var(--accent-mid);color:var(--accent)}
.public-data-source.manual{color:var(--orange)}
.public-data-source.unknown{color:var(--ink-40)}
.public-data-provenance{margin-top:9px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}
.public-data-provenance summary{padding:8px 10px;color:var(--ink-60);font-size:11px;font-weight:800;cursor:pointer}
.public-data-provenance ul{margin:0;padding:10px 26px;border-top:1px solid var(--border);color:var(--ink-60);font-size:11px;line-height:1.5}
.public-data-provenance small{display:block;padding:0 10px 10px;color:var(--ink-40);font-size:10px}
.vehicle-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vehicle-known-issues{margin-top:9px;padding:11px;border-left:3px solid var(--orange);background:var(--surface);color:var(--ink)}
.vehicle-known-issues p{margin:5px 0 0;color:var(--ink-60);line-height:1.55}
.tco-box,.public-price-estimate,.optional-price-widget{padding:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.tco-summary,.public-price-estimate>summary,.optional-price-widget>summary{display:grid;gap:3px;padding:14px 16px;cursor:pointer;list-style:none;color:var(--ink)}
.tco-summary::-webkit-details-marker,.public-price-estimate>summary::-webkit-details-marker,.optional-price-widget>summary::-webkit-details-marker{display:none}
.tco-summary:after,.public-price-estimate>summary:after,.optional-price-widget>summary:after{content:'+';grid-column:2;grid-row:1/4;align-self:center;justify-self:end;font-size:22px;color:var(--accent)}
.tco-box[open]>.tco-summary:after,.public-price-estimate[open]>summary:after,.optional-price-widget[open]>summary:after{content:'−'}
.tco-summary span,.public-price-estimate>summary span,.optional-price-widget>summary span{font-size:9px;text-transform:uppercase;font-weight:900;color:var(--accent)}
.tco-summary b,.public-price-estimate>summary b,.optional-price-widget>summary b{font-size:14px}
.tco-summary small,.public-price-estimate>summary small,.optional-price-widget>summary small{font-size:11px;color:var(--ink-60)}
.tco-body,.public-price-estimate-body,.optional-price-widget-body{padding:14px 16px;border-top:1px solid var(--border)}
.public-price-estimate-body{display:grid;gap:8px}
.public-price-estimate-body p{margin:0;color:var(--ink-60);line-height:1.5}
.price-estimate-range{display:flex;align-items:end;justify-content:space-between;gap:12px}
.price-estimate-range span{font-size:11px;color:var(--ink-60)}
.price-estimate-range b{font-size:20px;color:var(--accent)}
.price-estimate-confidence{width:max-content;padding:4px 7px;border-radius:6px;background:var(--accent-light);color:var(--accent);font-size:10px;font-weight:900}
.price-estimate-confidence.low,.price-estimate-confidence.nizko{background:var(--orange-bg,#fff5e9);color:var(--orange)}
.optional-price-widget{margin-top:14px}
.optional-price-widget-body{display:grid;gap:11px}
.optional-price-widget-body>p{margin:0;color:var(--ink-60);font-size:12px;line-height:1.5}
.btn-price-estimate{width:max-content;max-width:100%;padding:9px 12px;border-radius:6px;border:1px solid var(--accent);background:var(--card);color:var(--accent);font-weight:800}
.btn-price-estimate:disabled{opacity:.48;cursor:not-allowed}
.valuation-references{border:1px solid var(--border);border-radius:6px;background:var(--surface)}
.valuation-references>summary{padding:9px 11px;color:var(--ink-60);font-size:11px;font-weight:800;cursor:pointer}
.valuation-references[open]{padding-bottom:10px}.valuation-references[open]>summary{border-bottom:1px solid var(--border);margin-bottom:10px}
.valuation-references .fg,.valuation-references .frow3{margin-left:10px;margin-right:10px}
.draft-ownership-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.draft-ownership-summary>div{display:grid;gap:2px;padding:9px;border:1px solid var(--border);background:var(--surface);border-radius:6px}
.draft-ownership-summary span,.draft-ownership-summary small,.draft-preview-muted{color:var(--ink-60);font-size:11px}
.draft-ownership-summary small{grid-column:1/-1}
@media(max-width:760px){
  .listing-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-state-grid{grid-template-columns:1fr}
  .public-technical-section .specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tco-summary,.public-price-estimate>summary,.optional-price-widget>summary{padding:12px}
  .tco-body,.public-price-estimate-body,.optional-price-widget-body{padding:12px}
  .draft-ownership-summary{grid-template-columns:1fr}
  .draft-ownership-summary small{grid-column:auto}
}
body.cookie-banner-visible .pwa-update-prompt{bottom:var(--floating-cookie-offset,240px)}
.public-listing-warnings{border:1px solid color-mix(in srgb,var(--orange) 45%,var(--border));border-radius:8px;background:var(--card)}
.public-listing-warnings summary{padding:11px 13px;color:var(--orange);font-size:12px;font-weight:850;cursor:pointer}
.public-listing-warnings ul{margin:0;padding:10px 28px;border-top:1px solid var(--border);color:var(--ink);font-size:12px;line-height:1.55}
.public-listing-warnings small{display:block;padding:0 13px 12px;color:var(--ink-60);font-size:10px}
.public-damage-copy{display:grid;align-content:center;gap:3px;width:100%;padding:4px;text-align:left;color:var(--ink)}
.public-damage-copy b{font-size:12px}.public-damage-copy span,.public-damage-copy small{font-size:11px;color:var(--ink-60)}
.public-damage-copy:hover b{text-decoration:underline}
.public-damage-viewer-stage{touch-action:none;cursor:grab}
.public-damage-viewer-stage:active{cursor:grabbing}
.public-damage-pan-layer{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.public-damage-pan-layer>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.public-damage-zoom-controls{position:absolute;left:50%;bottom:12px;z-index:4;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px;border-radius:8px;background:rgba(7,16,20,.88);color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.28)}
.public-damage-zoom-controls button{min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.24);border-radius:6px;background:rgba(255,255,255,.1);color:#fff;font-weight:850}
.public-damage-zoom-controls span{min-width:48px;text-align:center;font-size:11px;font-weight:800}
@media(max-width:760px){
  .public-damage-zoom-controls{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 20px);justify-content:center}
  .public-damage-zoom-controls button:last-child{flex:1}
}
/* Motorji se izberejo neposredno iz kataloga v istem koraku vozila.
   Stari AI gumbi se nikoli ne prikazujejo v javnem obrazcu. */
.vehicle-type-ai-more,
.ai-engine-lookup-btn{display:none!important}

/* PHASE B — canonical motorji + podizbira menjalnika/pogona */
.vehicle-type-dedup-note{font-size:12.5px;color:var(--ink-60);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;margin-bottom:10px}
.vt-sub{display:inline-block;margin:2px 4px 2px 0;padding:4px 9px;font-size:12px;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:var(--r-sm);cursor:pointer}
.vt-sub:hover{border-color:var(--accent-mid)}
.vt-sub.on{background:var(--accent);color:#fff;border-color:var(--accent)}

/* ══════════════════════════════════════════════════════════════════
   VIZUALNA PRENOVA v53 — hero ilustracija, karoserije, znamke,
   koraki, prednosti in CTA. Vse risbe so lastne SVG line-art risbe.
   ══════════════════════════════════════════════════════════════════ */

/* ── Hero: besedilo + ilustracija ── */
.home-hero{padding:52px 24px 40px}
.home-hero-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center;margin-bottom:26px}
.home-hero-title{font-size:52px;margin-bottom:12px}
.home-hero-sub{max-width:520px;font-size:16px;line-height:1.6}
.home-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.hero-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:rgba(255,255,255,.86);font-size:12.5px;font-weight:500}
.hero-chip svg{width:15px;height:15px;flex:none;color:#f0b083}

.hero-art{position:relative;--px:0px;--py:0px}
.hero-art svg{display:block;width:100%;height:auto;max-height:340px;transform:translate3d(var(--px),var(--py),0);transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.hero-art .ha-car{animation:haFloat 6s ease-in-out infinite}
.hero-art .ha-dash{stroke-dasharray:44 32;animation:haDash 1.4s linear infinite}
.hero-art .ha-speed{animation:haSpeed 2.2s ease-in-out infinite}
.hero-art .ha-arc{animation:haSpin 44s linear infinite;transform-origin:260px 158px}
.hero-art .ha-chip g{animation:haFloat 7s ease-in-out infinite}
.hero-art .ha-chip g:nth-child(2){animation-delay:-2.4s}
.hero-art .ha-chip g:nth-child(3){animation-delay:-4.8s}
@keyframes haFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes haDash{to{stroke-dashoffset:-76}}
@keyframes haSpeed{0%,100%{opacity:.25;transform:translateX(0)}50%{opacity:.8;transform:translateX(-9px)}}
@keyframes haSpin{to{transform:rotate(360deg)}}

/* ── Pas s števci pod hero ── */
.home-stats-band{padding:0 24px;margin-top:-22px;position:relative;z-index:3}
.stats-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 10px 30px rgba(24,32,38,.12)}
.stat-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:18px 20px;background:var(--card)}
.stat-cell svg{width:22px;height:22px;color:var(--accent);margin-bottom:6px}
.stat-cell b{font-size:26px;font-weight:700;letter-spacing:-.6px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.stat-cell span{font-size:12px;color:var(--ink-60)}
.stat-cell-src b{font-size:15px;letter-spacing:0;color:var(--accent);padding-top:6px}

/* ── Naslovi sekcij z podnaslovom ── */
.home-section-head{align-items:flex-end}
.home-section-sub{margin-top:14px;font-size:13.5px;color:var(--ink-60);line-height:1.55}
.home-section-title{font-size:30px}

/* ── Karoserije ── */
.body-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bt-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 16px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);text-align:left;cursor:pointer;transition:transform .18s cubic-bezier(.2,.75,.2,1),border-color .18s,box-shadow .18s}
.bt-card:hover{transform:translateY(-4px);border-color:var(--accent-mid);box-shadow:0 12px 26px rgba(24,32,38,.13)}
.bt-card b{font-size:14px;font-weight:700;color:var(--ink)}
.bt-card .bt-hint{font-size:11.5px;color:var(--ink-40);line-height:1.4}
/* Enak slikovni okvir za vse karoserije: fiksno razmerje pomeni, da je visina
   slikovnega obmocja enaka v vsaki kartici in se besedilo pod avtom zacne na
   isti visini — tudi preden se JS izvede (brez skakanja postavitve). */
.bt-media{width:100%;max-width:196px;aspect-ratio:104/52;margin-bottom:10px;display:grid;place-items:stretch}
.bt-svg{width:100%;height:100%;color:var(--accent);overflow:visible}
.bt-svg *{vector-effect:non-scaling-stroke}
/* Polna silhueta: karoserija je zapolnjena, okna in kolesa so izrez v njej. */
.bt-svg .bt-shadow{fill:var(--ink);fill-opacity:.1;stroke:none}
.bt-svg .bt-body{fill:currentColor;stroke:none}
.bt-svg .bt-glass{fill:var(--card);stroke:none}
.bt-svg .bt-line{stroke:var(--card);stroke-width:1.5;stroke-opacity:.92;fill:none}
.bt-svg .bt-over{stroke:currentColor;stroke-width:2.6;fill:none}
.bt-svg .bt-tyre{fill:currentColor;stroke:none}
.bt-svg .bt-rim{fill:var(--card);stroke:none}
.bt-card{background:var(--card)}
.bt-card:hover .bt-svg{color:var(--accent2)}

/* ── Znamke ── */
.brand-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.brand-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.brand-tile:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 20px rgba(24,32,38,.12)}
.brand-tile i{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-pill);background:var(--accent-light);color:var(--accent-dark);font-style:normal;font-weight:800;font-size:15px;letter-spacing:-.3px;transition:.16s}
.brand-tile:hover i{background:var(--accent);color:#fff}
.brand-tile span{font-size:12px;font-weight:600;color:var(--ink-60);text-align:center;line-height:1.25}
.brand-tile-all i{background:var(--accent2-light);color:var(--accent2-dark);font-size:20px}
.brand-tile-all:hover i{background:var(--accent2);color:#fff}
.fuel-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.fuel-row span{color:var(--ink-40);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.fuel-row button{padding:7px 13px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--card);color:var(--ink-60);font-size:12.5px;font-weight:600;cursor:pointer;transition:.14s}
.fuel-row button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}

/* ── Trije koraki ── */
.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.how-card{position:relative;padding:0 0 22px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform .18s,box-shadow .18s}
.how-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(24,32,38,.13)}
.how-art{display:grid;place-items:center;padding:22px 16px 8px;background:linear-gradient(180deg,var(--accent-light),transparent);color:var(--accent)}
.how-art svg{width:100%;max-width:230px;height:auto}
.how-art .hw-fill{fill:var(--card)}
.how-art .hw-fill-2{fill:var(--accent-light)}
.how-art .hw-fill-accent{fill:var(--accent2-light)}
.how-art .hw-accent{stroke:var(--accent2)}
.how-art .hw-mute{stroke:var(--ink-20)}
/* Avtomobilcki v korakih so v istem slogu kot karoserije: polna silhueta,
   okna in sredine koles so izrez v barvi podlage, na kateri lezijo. */
.how-art .hw-solid{fill:currentColor;stroke:none}
.how-art .hw-hole{fill:var(--card);stroke:none}
.how-art .hw-hole2{fill:var(--accent-light);stroke:none}
.how-step{display:grid;place-items:center;width:28px;height:28px;margin:0 22px 10px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:13px;font-weight:800}
.how-card h3{margin:0 22px 6px;font-size:16px;font-weight:700;color:var(--ink)}
.how-card p{margin:0 22px;font-size:13.5px;line-height:1.6;color:var(--ink-60)}

/* ── Prednosti ── */
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.why-card{position:relative;overflow:hidden;padding:22px 20px 20px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform .18s,border-color .18s}
.why-card::before{left:20px;width:44px}
.why-card:hover{transform:translateY(-3px);border-color:var(--accent-mid)}
.why-ico{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:var(--r-md);background:var(--accent-light);color:var(--accent)}
.why-ico svg{width:21px;height:21px}
.why-card h3{margin-bottom:6px;font-size:15px;font-weight:700;color:var(--ink)}
.why-card p{font-size:13px;line-height:1.6;color:var(--ink-60)}

/* ── Zaključni poziv ── */
.home-cta-section{padding-top:0}
.home-cta{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:26px 30px;border-radius:var(--r-xl);background:var(--grad-hero);position:relative;overflow:hidden}
.home-cta::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 1px,transparent 1px 30px);pointer-events:none}
.home-cta-art{color:rgba(255,255,255,.8);width:170px;flex:none;position:relative;z-index:1}
.home-cta-art svg{width:100%;height:auto}
.home-cta-text{position:relative;z-index:1}
.home-cta-text h2{font-family:'Instrument Serif',serif;font-size:26px;font-weight:400;color:#fff;margin-bottom:4px}
.home-cta-text p{font-size:14px;color:rgba(255,255,255,.72)}
.home-cta-actions{display:flex;gap:10px;position:relative;z-index:1}
.cta-primary{padding:12px 22px;border-radius:var(--r-sm);background:var(--grad-accent2);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(146,68,31,.35);transition:.15s}
.cta-primary:hover{filter:brightness(1.07)}
.cta-ghost{padding:12px 22px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.08);font-size:14px;font-weight:700;cursor:pointer;transition:.15s}
.cta-ghost:hover{background:rgba(255,255,255,.16)}

/* ── Vstop v vidno polje ── */
.has-reveal .reveal{opacity:0;transform:translateY(16px)}
.has-reveal .reveal.is-in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.2,1)}

/* ── Boljši nadomestek za oglas brez fotografije ── */
.veh-ph{background:linear-gradient(160deg,var(--accent-light),var(--surface-2))}
.cr-img .veh-ph .veh-icon,.car-tile .veh-ph .veh-icon{width:104px;color:var(--accent);opacity:.34}

/* ── Temna tema ── */
[data-theme="dark"] .stats-grid{box-shadow:0 10px 30px rgba(0,0,0,.35)}
[data-theme="dark"] .bt-card:hover,[data-theme="dark"] .how-card:hover,[data-theme="dark"] .brand-tile:hover{box-shadow:0 12px 26px rgba(0,0,0,.4)}
[data-theme="dark"] .how-art{background:linear-gradient(180deg,var(--accent-light),transparent)}

/* ── Odzivnost ── */
@media(max-width:1000px){
  .body-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .home-hero-top{grid-template-columns:1fr;gap:22px}
  .hero-art{order:-1;max-width:440px;margin:0 auto}
  .hero-art svg{max-height:230px}
  .home-hero-title{font-size:38px}
  .how-grid{grid-template-columns:1fr}
  .home-cta{grid-template-columns:1fr;text-align:center;justify-items:center;gap:16px}
  .home-cta-art{width:150px}
}
@media(max-width:640px){
  .home-section-head{flex-direction:column;align-items:flex-start;gap:10px}
  .home-section-title{font-size:24px}
  .body-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .why-grid{grid-template-columns:1fr}
  .home-stats-band{margin-top:-14px;padding:0 16px}
  .stat-cell{padding:14px}
  .stat-cell b{font-size:22px}
  .home-hero-chips .hero-chip{font-size:11.5px;padding:6px 10px}
  .home-cta-actions{flex-direction:column;width:100%}
  .cta-primary,.cta-ghost{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .hero-art .ha-car,.hero-art .ha-dash,.hero-art .ha-speed,.hero-art .ha-arc,.hero-art .ha-chip g{animation:none}
  .has-reveal .reveal{opacity:1;transform:none}
  .bt-card:hover,.how-card:hover,.why-card:hover,.brand-tile:hover{transform:none}
}

/* ══════════════════════════════════════════════════════════════════
   v54 — zemljevid Slovenije, skica poskodb, ilustrirana prazna stanja
   in vizualna osvezitev oglasnih kartic.
   ══════════════════════════════════════════════════════════════════ */

/* ── Oglasi po Sloveniji ── */
.region-wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center;padding:24px 26px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg)}
.region-map svg{display:block;width:100%;height:auto;color:var(--accent)}
.region-map .rm-roads{stroke-opacity:.28}
.region-map .rm-roads-dash{stroke:var(--accent2);stroke-opacity:.9;animation:rmFlow 2.4s linear infinite}
@keyframes rmFlow{to{stroke-dashoffset:-32}}
.region-map .rm-pin{cursor:pointer}
.region-map .rm-pin circle{fill:var(--card);stroke:currentColor;stroke-width:2.4;transition:.16s}
.region-map .rm-pin .rm-dot{fill:currentColor;stroke:none}
.region-map .rm-pin text{fill:var(--ink-60);font-size:11px;font-weight:600;text-anchor:middle;pointer-events:none;transition:.16s}
.region-map .rm-pin:hover circle,.region-map .rm-pin:focus-visible circle{stroke:var(--accent2);fill:var(--accent2-light)}
.region-map .rm-pin:hover .rm-dot,.region-map .rm-pin:focus-visible .rm-dot{fill:var(--accent2)}
.region-map .rm-pin:hover text,.region-map .rm-pin:focus-visible text{fill:var(--ink)}
.region-map .rm-pin:focus{outline:none}
.region-note{font-size:12.5px;color:var(--ink-40);line-height:1.55;margin-bottom:14px}
.region-chips{display:flex;flex-wrap:wrap;gap:8px}
.region-chips button{padding:8px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-60);font-size:12.5px;font-weight:600;cursor:pointer;transition:.14s}
.region-chips button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}

/* ── Skica poskodb ── */
.damage-section{background:var(--surface-2)}
.damage-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:34px;align-items:center}
.damage-art svg{display:block;width:100%;height:auto;color:var(--accent)}
.damage-art .dm-shadow{fill:var(--ink);fill-opacity:.07;stroke:none}
.damage-art .dm-body{fill:var(--card);stroke:currentColor;stroke-width:2.6;stroke-linejoin:round}
.damage-art .dm-roof{fill:var(--accent-light);stroke:currentColor;stroke-width:2;stroke-opacity:.7}
.damage-art .dm-glass{fill:var(--accent-light);stroke:currentColor;stroke-width:2;stroke-opacity:.55;stroke-linejoin:round}
.damage-art .dm-line{stroke:currentColor;stroke-width:1.6;stroke-opacity:.4;stroke-linecap:round}
.damage-art .dm-wheels rect{fill:var(--ink);fill-opacity:.18;stroke:none}
.damage-art .dm-mirror{fill:var(--card);stroke:currentColor;stroke-width:2}
.damage-art .dmg-core{fill:var(--accent2);stroke:var(--card);stroke-width:2}
.damage-art .dmg-ring{fill:none;stroke:var(--accent2);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:dmgPulse 2.6s ease-out infinite}
.damage-art .dmg-2 .dmg-ring{animation-delay:.85s}
.damage-art .dmg-3 .dmg-ring{animation-delay:1.7s}
@keyframes dmgPulse{0%{transform:scale(.45);opacity:.9}70%{transform:scale(1.25);opacity:0}100%{transform:scale(1.25);opacity:0}}
.damage-kicker{display:inline-block;margin-bottom:10px;padding:5px 11px;border-radius:var(--r-pill);background:var(--accent2-light);color:var(--accent2-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.damage-text h2{font-family:'Instrument Serif',serif;font-size:30px;font-weight:400;letter-spacing:-.5px;margin-bottom:10px}
.damage-text>p{font-size:14px;line-height:1.65;color:var(--ink-60)}
.damage-list{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:10px}
.damage-list li{display:flex;align-items:flex-start;gap:11px}
.damage-list i{flex:none;width:13px;height:13px;margin-top:3px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 4px var(--accent2-light)}
.damage-list span{display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--ink-40)}
.damage-list b{font-size:13.5px;font-weight:700;color:var(--ink)}
.damage-foot{font-size:12.5px;line-height:1.6;color:var(--ink-40);margin-bottom:16px}
.damage-cta{padding:12px 22px;border-radius:var(--r-sm);background:var(--grad-accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 5px 16px rgba(47,95,115,.24);transition:.15s}
.damage-cta:hover{filter:brightness(1.08)}

/* ── Ilustrirana prazna stanja ── */
.empty-art{width:150px;max-width:60%;height:auto;color:var(--accent);opacity:.85}
.empty-art .ea-dash{stroke-dasharray:6 6;stroke-opacity:.55}
.empty-art .ea-line{stroke-opacity:.45}
.empty-art .ea-accent{stroke:var(--accent2)}
.empty-art .ea-lens{stroke:var(--accent2);fill:var(--card);fill-opacity:.7}
.empty-icon{font-size:inherit;opacity:1;margin-bottom:14px;display:flex;justify-content:center}
.empty-results-icon{font-size:inherit;opacity:1;margin-bottom:14px;display:flex;justify-content:center}
.empty-state-sm{padding:30px 16px}
.empty-state-sm .empty-art{width:110px}
.empty-sub{font-size:12.5px;color:var(--ink-40);margin-top:4px}
.inbox-empty .empty-art{width:120px;margin-bottom:4px}

/* ── Oglasne kartice: vecja fotografija, znacka goriva, mehkejsi hover ── */
.car-row{border-radius:var(--r-lg);transition:transform .18s cubic-bezier(.2,.75,.2,1),box-shadow .18s,border-color .18s}
.car-row:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(24,32,38,.15)}
.cr-img{width:262px;min-height:194px;background:linear-gradient(160deg,var(--accent-light),var(--surface-2))}
.cr-img img{transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.car-row:hover .cr-img img{transform:scale(1.045)}
.cr-price-val{font-size:23px}
.cr-fuel{display:inline-block;padding:2px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;background:var(--surface-2);color:var(--ink-60)}
.cr-fuel.fuel-benz{background:var(--fuel-benz-bg);color:var(--fuel-benz-c)}
.cr-fuel.fuel-diesel{background:var(--fuel-diesel-bg);color:var(--fuel-diesel-c)}
.cr-fuel.fuel-ev{background:var(--fuel-ev-bg);color:var(--fuel-ev-c)}
.cr-fuel.fuel-phev{background:var(--fuel-phev-bg);color:var(--fuel-phev-c)}
.cr-fuel.fuel-hev{background:var(--fuel-hev-bg);color:var(--fuel-hev-c)}
.cr-fuel.fuel-lpg,.cr-fuel.fuel-cng{background:var(--accent-light);color:var(--accent-dark)}

/* ── Temna tema ── */
[data-theme="dark"] .region-wrap{background:var(--card)}
[data-theme="dark"] .damage-art .dm-wheels rect{fill-opacity:.32}
[data-theme="dark"] .car-row:hover{box-shadow:0 14px 30px rgba(0,0,0,.45)}

/* ── Odzivnost ── */
@media(max-width:1000px){
  .region-wrap{grid-template-columns:1fr;gap:18px;padding:20px}
  .damage-wrap{grid-template-columns:1fr;gap:22px}
  .damage-art{max-width:460px;margin:0 auto}
}
@media(max-width:820px){
  .cr-img{width:200px;min-height:164px}
}
@media(max-width:640px){
  .cr-img{width:150px;min-height:132px}
  .cr-price-val{font-size:20px}
  .damage-text h2{font-size:24px}
  .damage-cta{width:100%}
  .region-map svg{max-height:230px}
}
@media(prefers-reduced-motion:reduce){
  .region-map .rm-roads-dash,.damage-art .dmg-ring{animation:none}
  .car-row:hover{transform:none}
  .car-row:hover .cr-img img{transform:none}
}

/* ══════════════════════════════════════════════════════════════════
   v58 — poravnava vozil, odstranjen razdelek znamk, najnovejsi oglasi,
   stabilne kartice brez skakanja postavitve.
   ══════════════════════════════════════════════════════════════════ */

/* ── Vrstica pogonov v iskalniku (prej osamljena pod znamkami) ── */
.home-search-fuel{margin-top:8px;padding-top:0;border-top:0}

/* ── Najnovejsi oglasi na domaci strani ── */
.home-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
/* Fiksno razmerje fotografije: visina slike je znana pred nalozeno sliko,
   zato se postavitev ob nalaganju ne premakne (brez CLS). */
.home-recent-grid .ct-img,.featured-grid .ct-img{height:auto;aspect-ratio:4/3;background:linear-gradient(160deg,var(--accent-light),var(--surface-2))}
.home-recent-grid .ct-img img,.featured-grid .ct-img img{width:100%;height:100%;object-fit:cover;object-position:center center}
.home-car-tile.featured-tile .ct-img{height:auto;aspect-ratio:16/10}
.home-car-tile{display:flex;flex-direction:column;border-radius:var(--r-lg)}
.home-car-tile .home-tile-body{flex:1;display:flex;flex-direction:column}
.home-car-tile .home-tile-meta{margin-top:auto}

/* ── Skeleton med nalaganjem oglasov ── */
.tile-skeleton{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.tile-skeleton .sk-img{aspect-ratio:4/3;background:var(--surface-2)}
.tile-skeleton .sk-line{height:11px;margin:12px 13px 0;border-radius:var(--r-xs);background:var(--surface-2)}
.tile-skeleton .sk-line.w60{width:60%}
.tile-skeleton .sk-line.w40{width:40%;height:16px}
.tile-skeleton .sk-line:last-child{margin-bottom:14px}
.tile-skeleton .sk-img,.tile-skeleton .sk-line{position:relative;overflow:hidden}
.tile-skeleton .sk-img::after,.tile-skeleton .sk-line::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:translateX(-100%);animation:skShimmer 1.4s infinite}
[data-theme="dark"] .tile-skeleton .sk-img::after,[data-theme="dark"] .tile-skeleton .sk-line::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
@keyframes skShimmer{to{transform:translateX(100%)}}

/* ── Fotografije v seznamu oglasov: fiksno razmerje, brez premikanja ── */
.cr-img{min-height:0;aspect-ratio:4/3}
.cr-img img{object-position:center center}

/* ── Vidno stanje fokusa (dostopnost) ── */
.bt-card:focus-visible,.region-chips button:focus-visible,.fuel-row button:focus-visible,
.home-search-quick button:focus-visible,.cta-primary:focus-visible,.cta-ghost:focus-visible,
.damage-cta:focus-visible,.home-car-tile:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}

@media(prefers-reduced-motion:reduce){
  .tile-skeleton .sk-img::after,.tile-skeleton .sk-line::after{animation:none}
}
@media(max-width:640px){
  .home-recent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .cr-img{aspect-ratio:1/1}
}

/* ══════════════════════════════════════════════════════════════════
   v59 — enoten sistem gibanja.
   Pravila: animiramo samo opacity in transform; skrivajoci slog vklopi
   samo JS (has-reveal / has-motion); prefers-reduced-motion vse ugasne.
   ══════════════════════════════════════════════════════════════════ */

/* ── Posamezni elementi se pojavijo stopnicasto ── */
/* Uporabimo samostojno lastnost translate (ne transform), da se vstopni premik
   ne prepira s hover-transformom kartic — sicer ena od obeh izpade. */
.has-reveal .reveal-item{opacity:0;translate:0 12px}
.has-reveal .reveal-item.is-in{opacity:1;translate:none;
  transition:opacity .5s ease,translate .5s cubic-bezier(.2,.75,.2,1);
  transition-delay:calc(var(--i,0) * 55ms)}

/* ── Naslov in besedilo v heroju pridejo eden za drugim ── */
.has-motion .home-hero-label{animation:mvUp .5s .02s cubic-bezier(.2,.75,.2,1) both}
.has-motion .home-hero-title{animation:mvUp .6s .08s cubic-bezier(.2,.75,.2,1) both}
.has-motion .home-hero-sub{animation:mvUp .6s .16s cubic-bezier(.2,.75,.2,1) both}
.has-motion .home-hero-chips{animation:mvUp .6s .24s cubic-bezier(.2,.75,.2,1) both}
@keyframes mvUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ── Naslovi razdelkov: tanka crta se izrise pod naslovom ── */
.home-section-title{position:relative;display:inline-block}
.has-reveal .reveal.is-in .home-section-title::after,
.has-reveal .reveal-item.is-in .home-section-title::after{transform:scaleX(1)}
.home-section-title::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;
  background:var(--grad-accent2);border-radius:2px;transform:scaleX(0);transform-origin:left;
  transition:transform .6s .15s cubic-bezier(.2,.75,.2,1)}

/* ── Slike se nezno prelijejo, ko so nalozene ── */
.has-motion img.img-in{animation:imgIn var(--dur-normal) var(--ease-premium) both}
@keyframes imgIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}

/* ── Kartice oglasov: zamaknjen vstop pri prvih osmih ── */
.has-motion .home-recent-grid>*,.has-motion .featured-grid>*{animation:tileIn .45s ease both}
.has-motion .home-recent-grid>*:nth-child(1),.has-motion .featured-grid>*:nth-child(1){animation-delay:0ms}
.has-motion .home-recent-grid>*:nth-child(2),.has-motion .featured-grid>*:nth-child(2){animation-delay:55ms}
.has-motion .home-recent-grid>*:nth-child(3),.has-motion .featured-grid>*:nth-child(3){animation-delay:110ms}
.has-motion .home-recent-grid>*:nth-child(4),.has-motion .featured-grid>*:nth-child(4){animation-delay:165ms}
.has-motion .home-recent-grid>*:nth-child(5){animation-delay:220ms}
.has-motion .home-recent-grid>*:nth-child(6){animation-delay:275ms}
.has-motion .home-recent-grid>*:nth-child(7){animation-delay:330ms}
.has-motion .home-recent-grid>*:nth-child(8){animation-delay:385ms}
@keyframes tileIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Seznam oglasov: samo prvih sest, da se dolg seznam ne vlece */
.has-motion #listing-container>.car-row:nth-child(-n+6){animation:tileIn .4s ease both}
.has-motion #listing-container>.car-row:nth-child(2){animation-delay:45ms}
.has-motion #listing-container>.car-row:nth-child(3){animation-delay:90ms}
.has-motion #listing-container>.car-row:nth-child(4){animation-delay:135ms}
.has-motion #listing-container>.car-row:nth-child(5){animation-delay:180ms}
.has-motion #listing-container>.car-row:nth-child(6){animation-delay:225ms}

/* ── Menjava strani ── */
.has-motion .page-in{animation:pageIn var(--dur-normal) var(--ease-premium) both}
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ── Navigacija dobi senco, ko stran ni na vrhu ── */
.nav{transition:box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),padding var(--dur-fast) var(--ease-standard)}
.nav.is-scrolled{box-shadow:0 6px 22px rgba(24,32,38,.10)}
[data-theme="dark"] .nav.is-scrolled{box-shadow:0 6px 22px rgba(0,0,0,.45)}

/* ── Odziv na pritisk gumbov ── */
.has-motion .hsb-btn,.has-motion .cta-primary,.has-motion .cta-ghost,.has-motion .damage-cta,
.has-motion .nav-post-btn,.has-motion .btn-call,.has-motion .btn-msg,.has-motion .empty-reset-btn{
  transition:transform .12s ease,filter .15s ease,background .15s ease,box-shadow .15s ease}
.has-motion .hsb-btn:active,.has-motion .cta-primary:active,.has-motion .cta-ghost:active,
.has-motion .damage-cta:active,.has-motion .nav-post-btn:active,.has-motion .btn-call:active,
.has-motion .btn-msg:active,.has-motion .empty-reset-btn:active{transform:scale(.975)}

/* ── Karoserije: risba se ob prehodu miske rahlo dvigne ── */
.has-motion .bt-svg{transition:transform var(--dur-fast) var(--ease-premium)}
@media(hover:hover){.has-motion .bt-card:hover .bt-svg{transform:translateY(-3px)}}

/* ── Ikone v razdelku prednosti ── */
.has-motion .why-ico{transition:transform .25s cubic-bezier(.2,.75,.2,1),background .25s ease}
.has-motion .why-card:hover .why-ico{transform:translateY(-2px) rotate(-4deg)}

/* ── Vse ugasnjeno, ce si uporabnik gibanja ne zeli ── */
@media(prefers-reduced-motion:reduce){
  .has-reveal .reveal-item{opacity:1;translate:none;transition:none}
  .home-section-title::after{transform:scaleX(1);transition:none}
  .has-motion .home-hero-label,.has-motion .home-hero-title,.has-motion .home-hero-sub,
  .has-motion .home-hero-chips,.has-motion img.img-in,.has-motion .home-recent-grid>*,
  .has-motion .featured-grid>*,.has-motion #listing-container>.car-row,.has-motion .page-in{animation:none}
  .has-motion .bt-card:hover .bt-svg,.has-motion .why-card:hover .why-ico{transform:none}
}

/* ══════════════════════════════════════════════════════════════════
   v60 — MOTION SISTEM
   Casi, krivulje, zamiki in razdalje so tokeni. V komponentah se
   uporabljajo samo spremenljivke, nikjer vec surove vrednosti.
   ══════════════════════════════════════════════════════════════════ */
:root{
  /* Trajanja */
  --dur-instant:120ms;   /* odziv na pritisk */
  --dur-fast:220ms;      /* hover, barve, obrobe */
  --dur-normal:420ms;    /* vecina prehodov stanj */
  --dur-slow:620ms;      /* vstop vsebine ob drsenju */
  /* Krivulje */
  --ease-standard:cubic-bezier(.2,0,.2,1);        /* nevtralno */
  --ease-premium:cubic-bezier(.22,1,.36,1);       /* mehko ustavljanje */
  --ease-exit:cubic-bezier(.4,0,1,1);             /* odhod je hitrejsi */
  /* Zamiki med elementi v skupini */
  --stagger-short:45ms;
  --stagger-normal:70ms;
  /* Razdalje premika */
  --dist-small:8px;
  --dist-medium:16px;
  --dist-large:26px;
}

/* ── Uvodna sekvenca na domaci strani ──────────────────────────────
   Vrstni red: naslov -> podnaslov -> znacke -> iskalnik -> vizual.
   Skupaj pod 0,8 s; iskalnik je klikljiv takoj, ker animiramo samo
   opacity/transform in ne blokiramo vnosa. */
.has-motion .home-hero-label{animation:mvUp var(--dur-normal) 40ms var(--ease-premium) both}
.has-motion .home-hero-title{animation:mvUp var(--dur-slow) 100ms var(--ease-premium) both}
.has-motion .home-hero-sub{animation:mvUp var(--dur-slow) 180ms var(--ease-premium) both}
.has-motion .home-hero-chips{animation:mvUp var(--dur-slow) 260ms var(--ease-premium) both}
.has-motion .home-search-box{animation:mvUp var(--dur-slow) 340ms var(--ease-premium) both}
.has-motion .hero-art{animation:artIn 760ms 180ms var(--ease-premium) both}
@keyframes mvUp{from{opacity:0;transform:translateY(var(--dist-medium))}to{opacity:1;transform:none}}
@keyframes artIn{from{opacity:0;transform:translateX(var(--dist-large))}to{opacity:1;transform:none}}

/* ── Vstop ob drsenju: naslov prvi, vsebina za njim ── */
.has-reveal .reveal-item{opacity:0;translate:0 var(--dist-medium)}
.has-reveal .reveal-item.is-in{opacity:1;translate:none;
  transition:opacity var(--dur-slow) var(--ease-standard),
             translate var(--dur-slow) var(--ease-premium);
  transition-delay:calc(var(--i,0) * var(--stagger-normal))}
.has-reveal .reveal{opacity:0;translate:0 var(--dist-medium)}
.has-reveal .reveal.is-in{opacity:1;translate:none;
  transition:opacity var(--dur-slow) var(--ease-standard),
             translate var(--dur-slow) var(--ease-premium)}
/* Vsebina razdelka pride za naslovom */
.has-reveal .reveal.is-in .home-section-sub{animation:mvUp var(--dur-normal) 120ms var(--ease-premium) both}

.home-section-title::after{transition:transform var(--dur-slow) 140ms var(--ease-premium)}

/* ── Kartice: zamik krajsi, ker jih je lahko veliko ── */
.has-motion .home-recent-grid>*,.has-motion .featured-grid>*{animation:tileIn var(--dur-normal) var(--ease-premium) both}
.has-motion .home-recent-grid>*:nth-child(1),.has-motion .featured-grid>*:nth-child(1){animation-delay:0ms}
.has-motion .home-recent-grid>*:nth-child(2),.has-motion .featured-grid>*:nth-child(2){animation-delay:calc(1 * var(--stagger-short))}
.has-motion .home-recent-grid>*:nth-child(3),.has-motion .featured-grid>*:nth-child(3){animation-delay:calc(2 * var(--stagger-short))}
.has-motion .home-recent-grid>*:nth-child(4),.has-motion .featured-grid>*:nth-child(4){animation-delay:calc(3 * var(--stagger-short))}
.has-motion .home-recent-grid>*:nth-child(n+5){animation-delay:calc(4 * var(--stagger-short))}
@keyframes tileIn{from{opacity:0;transform:translateY(var(--dist-medium))}to{opacity:1;transform:none}}
/* V seznamu oglasov samo prvih sest — dolg seznam se ne sme vleci */
.has-motion #listing-container>.car-row:nth-child(-n+6){animation:tileIn var(--dur-normal) var(--ease-premium) both}
.has-motion #listing-container>.car-row:nth-child(2){animation-delay:calc(1 * var(--stagger-short))}
.has-motion #listing-container>.car-row:nth-child(3){animation-delay:calc(2 * var(--stagger-short))}
.has-motion #listing-container>.car-row:nth-child(4){animation-delay:calc(3 * var(--stagger-short))}
.has-motion #listing-container>.car-row:nth-child(5){animation-delay:calc(4 * var(--stagger-short))}
.has-motion #listing-container>.car-row:nth-child(6){animation-delay:calc(5 * var(--stagger-short))}

/* ── Kartica oglasa: dvig, senca, rahla povecava fotografije ──────
   Povecava se dogaja ZNOTRAJ okvirja (overflow:hidden na .cr-img),
   zato se velikost kartice ne spremeni in nic se ne premakne. */
.car-row,.home-car-tile{transition:transform var(--dur-fast) var(--ease-premium),
  box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
.cr-img,.ct-img{overflow:hidden}
.cr-img img,.ct-img img{transition:transform var(--dur-slow) var(--ease-premium)}
.cr-price-val{transition:color var(--dur-fast) var(--ease-standard)}
@media(hover:hover){
  .car-row:hover .cr-img img,.home-car-tile:hover .ct-img img{transform:scale(1.06)}
  .car-row:hover .cr-price-val{color:var(--accent2-dark)}
}
/* Na dotik hover ucinkov ni — ostanejo zataknjeni po dotiku */
.is-touch .car-row:hover,.is-touch .home-car-tile:hover,
.is-touch .bt-card:hover,.is-touch .why-card:hover{transform:none;box-shadow:none}
.is-touch .car-row:hover .cr-img img,.is-touch .home-car-tile:hover .ct-img img{transform:none}

/* ── Priljubljeno: kratek odziv ob kliku ── */
.cr-fav,.ct-fav{transition:transform var(--dur-instant) var(--ease-premium),color var(--dur-fast) var(--ease-standard)}
.fav-pop{animation:favPop 420ms var(--ease-premium)}
@keyframes favPop{0%{transform:scale(1)}35%{transform:scale(1.32)}60%{transform:scale(.94)}100%{transform:scale(1)}}

/* ── Skeleton: mehko dihanje, brez utripanja ── */
.tile-skeleton .sk-img::after,.tile-skeleton .sk-line::after{animation-duration:1.6s;animation-timing-function:var(--ease-standard)}

/* ── Mobilni meni: ozadje in mehko odpiranje ── */
.menu-backdrop{position:fixed;inset:0;z-index:59;background:rgba(10,16,20,.5);backdrop-filter:blur(2px);
  opacity:0;transition:opacity var(--dur-normal) var(--ease-standard)}
.menu-backdrop.is-open{opacity:1}
.menu-backdrop[hidden]{display:none}
body.menu-open{overflow:hidden}
.mobile-menu{transition:opacity var(--dur-normal) var(--ease-premium),transform var(--dur-normal) var(--ease-premium)}
.has-motion .mobile-menu:not(.show){opacity:0;transform:translateY(calc(-1 * var(--dist-medium)));pointer-events:none}
.has-motion .mobile-menu.show{opacity:1;transform:none}
.has-motion .mobile-menu.show a,.has-motion .mobile-menu.show button{animation:mvUp var(--dur-normal) var(--ease-premium) both}
.has-motion .mobile-menu.show>*:nth-child(2){animation-delay:calc(1 * var(--stagger-short))}
.has-motion .mobile-menu.show>*:nth-child(3){animation-delay:calc(2 * var(--stagger-short))}
.has-motion .mobile-menu.show>*:nth-child(4){animation-delay:calc(3 * var(--stagger-short))}
.has-motion .mobile-menu.show>*:nth-child(n+5){animation-delay:calc(4 * var(--stagger-short))}

/* ── Galerija ── */
body.lightbox-open{overflow:hidden}
#lightbox{transition:opacity var(--dur-normal) var(--ease-standard)}
.has-motion #lb-img.lb-swap{animation:lbSwap var(--dur-normal) var(--ease-premium)}
@keyframes lbSwap{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}

/* ── Prehod med koraki objave ── */
.has-motion .step-in{animation:stepIn var(--dur-normal) var(--ease-premium) both}
@keyframes stepIn{from{opacity:0;transform:translateY(var(--dist-small))}to{opacity:1;transform:none}}
.publish-progress button,#publish-progress button{transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}

/* ── Gumbi: odziv, zaposleno stanje, potrditev ── */
.hsb-btn,.cta-primary,.cta-ghost,.damage-cta,.nav-post-btn,.btn-call,.btn-msg,.empty-reset-btn{
  transition:transform var(--dur-instant) var(--ease-premium),filter var(--dur-fast) var(--ease-standard),
             background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}
@media(hover:hover){
  .hsb-btn:hover,.cta-primary:hover,.nav-post-btn:hover{transform:translateY(-1px)}
}
.has-motion .hsb-btn:active,.has-motion .cta-primary:active,.has-motion .cta-ghost:active,
.has-motion .damage-cta:active,.has-motion .nav-post-btn:active,.has-motion .btn-call:active,
.has-motion .btn-msg:active,.has-motion .empty-reset-btn:active{transform:scale(.975)}

/* Diskreten sijaj samo ob hoverju na glavnem CTA — nikoli neprestano */
.nav-post-btn{position:relative;overflow:hidden}
@media(hover:hover){
  .has-motion .nav-post-btn::after{content:"";position:absolute;top:0;bottom:0;width:38%;left:-45%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);
    transform:skewX(-16deg);pointer-events:none}
  .has-motion .nav-post-btn:hover::after{animation:sheen 720ms var(--ease-standard)}
}
@keyframes sheen{to{left:120%}}

/* Zaposleno stanje: sirina se ne spremeni, zato se postavitev ne premakne */
.is-busy{position:relative;color:transparent!important;pointer-events:none}
.is-busy::after{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;
  border:2px solid currentColor;border-top-color:transparent;border-radius:50%;color:#fff;
  animation:spin 620ms linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.did-confirm{animation:confirmPulse 520ms var(--ease-premium)}
@keyframes confirmPulse{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}

/* ── Polja obrazca in filtri ── */
.hsb-select,.hsb-input,input[type=text],input[type=number],input[type=search],select,textarea{
  transition:border-color var(--dur-fast) var(--ease-standard),
             box-shadow var(--dur-fast) var(--ease-standard),
             background var(--dur-fast) var(--ease-standard)}
.hsb-select:focus,.hsb-input:focus{box-shadow:0 0 0 3px var(--accent-light)}
.field-error{animation:fieldErr var(--dur-normal) var(--ease-standard)}
@keyframes fieldErr{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

/* ── Obvestilo (toast) ── */
.toast{transition:opacity var(--dur-normal) var(--ease-premium),transform var(--dur-normal) var(--ease-premium)}

/* ══════════════════════════════════════════════════════════════════
   Zmanjsano gibanje: funkcionalnost ostane enaka, gibanje odpade.
   ══════════════════════════════════════════════════════════════════ */
@media(prefers-reduced-motion:reduce){
  /* Animacije v celoti ODSTRANIMO, ne le skrajsamo. Vstopna animacija z
     fill-mode: both, ki se nikoli ne zazene (zavihek v ozadju, upocasnjen
     izris), obtici na zacetnem kadru — in ce je ta opacity:0, vsebina ostane
     nevidna. Z animation:none opacity pride iz osnovnega sloga, torej 1. */
  *,*::before,*::after{
    animation:none!important;
    transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}
  /* Izjema: vrtec zaposlenega gumba je funkcionalna povratna informacija. */
  .is-busy::after{animation:spin 900ms linear infinite!important}
  .has-reveal .reveal,.has-reveal .reveal-item{opacity:1!important;translate:none!important}
  .car-row:hover .cr-img img,.home-car-tile:hover .ct-img img,
  .hsb-btn:hover,.cta-primary:hover,.nav-post-btn:hover{transform:none!important}
  .has-motion .nav-post-btn::after{display:none}
  html{scroll-behavior:auto}
}

/* ══════════════════════════════════════════════════════════════════
   v61 — preprostejsa stran oglasa, parallax ob drsenju, lebdenje,
   enotni hover ucinki.
   ══════════════════════════════════════════════════════════════════ */

/* ── STRAN OGLASA: najvec dva vidna gumba ─────────────────────────
   Prej je bilo v stranski kartici 11 gumbov drug pod drugim. Zdaj sta
   zgoraj dva glavna, vse ostalo je v zlozljivem "Vec moznosti".
   Nobena funkcija ni odstranjena — samo skrita, dokler je ne rabis. */
.cc-actions{display:grid;gap:8px;margin:14px 0 10px}
.cc-actions .cc-primary{padding:14px 18px;border-radius:var(--r-sm);font-size:15px;font-weight:700;
  background:var(--grad-accent2);color:#fff;box-shadow:0 6px 18px rgba(146,68,31,.28);
  transition:transform var(--dur-instant) var(--ease-premium),filter var(--dur-fast) var(--ease-standard)}
.cc-actions .cc-secondary{padding:12px 18px;border-radius:var(--r-sm);font-size:14px;font-weight:600;
  background:var(--surface);color:var(--ink);border:1.5px solid var(--border);
  transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}
@media(hover:hover){
  .cc-actions .cc-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
  .cc-actions .cc-secondary:hover{border-color:var(--accent);background:var(--accent-light)}
}
.cc-actions .cc-primary:active,.cc-actions .cc-secondary:active{transform:scale(.98)}

.cc-more{margin-top:6px;border-top:1px solid var(--border);padding-top:10px}
.cc-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  padding:9px 2px;font-size:13px;font-weight:600;color:var(--ink-60);
  transition:color var(--dur-fast) var(--ease-standard)}
.cc-more>summary::-webkit-details-marker{display:none}
.cc-more>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);
  transition:transform var(--dur-fast) var(--ease-premium)}
.cc-more[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.cc-more>summary:hover{color:var(--accent)}
/* POZOR: display na vsebini <details> mora biti vezan na [open], sicer povozi
   privzeto skrivanje brskalnika in zaprt seznam ostane viden. */
.cc-more:not([open]) .cc-more-list{display:none}
.cc-more[open] .cc-more-list{display:grid;gap:6px;padding:4px 0 2px}
.has-motion .cc-more[open] .cc-more-list{animation:moreIn var(--dur-normal) var(--ease-premium) both}
@keyframes moreIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* Enoten, miren izgled sekundarnih dejanj — nic ne krici po pozornosti */
.cc-more-list button{width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-sm);
  border:1px solid var(--border);background:var(--card);color:var(--ink-60);font-size:13px;font-weight:500;
  cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),
  color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}
@media(hover:hover){.cc-more-list button:hover{border-color:var(--accent);color:var(--ink);background:var(--surface)}}
.cc-more-list .cc-delete-btn{color:var(--red);border-color:transparent;margin-top:4px}
@media(hover:hover){.cc-more-list .cc-delete-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-bg)}}

/* Kalkulator kredita je zaprt — odpre ga, kdor ga rabi */
details.leasing-box{padding:0;border:1px solid var(--border);border-radius:var(--r-lg);
  background:var(--card);margin-top:14px;overflow:hidden}
.leasing-summary{list-style:none;cursor:pointer;padding:13px 14px;font-size:13.5px;font-weight:600;color:var(--ink);
  display:flex;align-items:center;justify-content:space-between;
  transition:background var(--dur-fast) var(--ease-standard)}
.leasing-summary::-webkit-details-marker{display:none}
.leasing-summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-40);
  border-bottom:2px solid var(--ink-40);transform:rotate(45deg) translateY(-2px);
  transition:transform var(--dur-fast) var(--ease-premium)}
details.leasing-box[open] .leasing-summary::after{transform:rotate(-135deg) translateY(-2px)}
@media(hover:hover){.leasing-summary:hover{background:var(--surface)}}
details.leasing-box>*:not(summary){margin-left:14px;margin-right:14px}
details.leasing-box>*:last-child{margin-bottom:14px}

/* ── PARALLAX OB DRSENJU ──────────────────────────────────────────
   Uporabimo samostojno lastnost translate, da se sesteva s transformom
   (hero risba se hkrati premika za misko). */
.has-motion [data-parallax]{translate:0 var(--sy,0)}
.is-touch [data-parallax]{translate:none}

/* ── LEBDENJE ILUSTRACIJ ──────────────────────────────────────────
   Samo okrasne risbe, zelo majhna amplituda in dolg cikel, da je gibanje
   komaj opazno. Risbe karoserij NE lebdijo — te so katalog, ne okras. */
.has-motion .how-art svg{animation:floaty 7.5s var(--ease-standard) infinite}
.has-motion .how-card:nth-child(2) .how-art svg{animation-delay:-2.5s}
.has-motion .how-card:nth-child(3) .how-art svg{animation-delay:-5s}
.has-motion .damage-art svg{animation:floaty 9s var(--ease-standard) infinite}
.has-motion .empty-art{animation:floaty 8s var(--ease-standard) infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* ── ENOTNI HOVER UCINKI ──────────────────────────────────────────
   Isti jezik povsod: rahel dvig + mehkejsa senca + ilustracija se odzove. */
@media(hover:hover){
  .has-motion .how-card,.has-motion .why-card{transition:transform var(--dur-fast) var(--ease-premium),
    box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
  .has-motion .how-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(24,32,38,.14)}
  .has-motion .how-card:hover .how-art svg{animation-play-state:paused;transform:translateY(-6px) scale(1.03);
    transition:transform var(--dur-normal) var(--ease-premium)}
  .has-motion .stat-cell{transition:background var(--dur-fast) var(--ease-standard)}
  .has-motion .stat-cell:hover{background:var(--accent-light)}
  .has-motion .region-chips button:hover,.has-motion .home-search-quick button:hover{transform:translateY(-1px)}
  .has-motion .home-section-link{transition:transform var(--dur-fast) var(--ease-premium)}
  .has-motion .home-section-link:hover{transform:translateX(3px)}
}
[data-theme="dark"] .has-motion .how-card:hover{box-shadow:0 16px 34px rgba(0,0,0,.45)}

@media(prefers-reduced-motion:reduce){
  .has-motion [data-parallax]{translate:none!important}
  .has-motion .how-art svg,.has-motion .damage-art svg,.has-motion .empty-art{animation:none!important}
  .has-motion .how-card:hover{transform:none!important}
}

/* ── v62: zmogljivost ──────────────────────────────────────────────
   Elementi zunaj vidnega polja ne smejo poganjati animacij. Razred
   .anim-off doda motion.js prek IntersectionObserver. */
.anim-off,.anim-off *{animation-play-state:paused!important}

/* Skeleton naj utripa samo, dokler je res viden */
.tile-skeleton .sk-img::after,.tile-skeleton .sk-line::after{will-change:transform}

/* v63: compact body-style browser. It remains an AvtoHub component, not a copy
   of another marketplace UI: selecting a row immediately opens our own filter. */
.body-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;padding:7px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px}
.bt-card{position:relative;display:grid;grid-template-columns:18px 72px minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:7px 4px;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;text-align:left;cursor:pointer;transition:background .14s,color .14s;box-shadow:none}
.bt-card:nth-last-child(-n+3){border-bottom:0}
.bt-card:before{content:'';width:17px;height:17px;border:1.5px solid var(--border-2);border-radius:3px;background:var(--card)}
.bt-card:hover{transform:none;border-color:var(--border);background:var(--accent-light);box-shadow:none}
.bt-card:hover:before{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--card);background:var(--accent)}
.bt-card b{font-size:13px;font-weight:700;color:var(--ink)}
.bt-card .bt-hint{display:none}
.bt-media{width:72px;height:37px;margin:0;display:grid;place-items:stretch}
.bt-raster{display:block;width:100%;height:100%;object-fit:contain}
.bt-svg{width:100%;height:100%;color:var(--accent);overflow:visible}
.bt-svg .bt-shadow{display:none}
.bt-svg .bt-body{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linejoin:round}
.bt-svg .bt-glass{fill:none;stroke:currentColor;stroke-width:1.7}
.bt-svg .bt-line{stroke:currentColor;stroke-width:1.1;stroke-opacity:.7;fill:none}
.bt-svg .bt-over{stroke:currentColor;stroke-width:1.7;fill:none}
.bt-svg .bt-tyre{fill:var(--card);stroke:currentColor;stroke-width:2}
.bt-svg .bt-rim{fill:currentColor;stroke:none}
.bt-card:hover .bt-svg{color:var(--accent-dark)}
@media(max-width:760px){.body-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:6px 10px}.bt-card{grid-template-columns:16px 62px minmax(0,1fr);gap:6px;min-height:52px}.bt-media{width:62px;height:32px}.bt-card:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.bt-card:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:420px){.body-type-grid{grid-template-columns:1fr}.bt-card:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.bt-card:last-child{border-bottom:0}}
/* Portal taxonomy: shared home, results and publish controls. */
.portal-purpose{display:inline-grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:3px;padding:3px;margin:0 0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}
.home-hero-inner,.home-search-box,.portal-category-grid{min-width:0}
.portal-purpose button{min-height:36px;padding:7px 16px;border:0;border-radius:6px;background:transparent;color:var(--ink-60);font-weight:750;cursor:pointer}
.portal-purpose button.on{background:var(--card);color:var(--accent-dark);box-shadow:0 1px 4px rgba(20,42,52,.12)}
.portal-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.portal-category{display:flex;min-width:0;min-height:64px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);font-weight:750;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.portal-category:hover{border-color:var(--accent);transform:translateY(-1px)}
.portal-category.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--card));color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--accent)}
.portal-category .veh-icon{width:42px;height:24px;flex:0 0 42px}
.portal-category span{overflow-wrap:anywhere;line-height:1.2}
.portal-subcategories{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}
.portal-subcategories button{flex:0 0 auto;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--ink-60);font-size:12px;font-weight:700;cursor:pointer}
.portal-subcategories button.on{border-color:var(--accent);background:var(--accent);color:#fff}
.add-purpose-tabs{margin-bottom:10px}
.add-category-tabs{margin-left:0;width:100%;overflow:visible}
.category-subcategory-row{margin-bottom:10px}
.category-specs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.category-specs-title{grid-column:1/-1;padding-bottom:7px;border-bottom:1px solid var(--border);color:var(--ink-60);font-size:12px;font-weight:800;text-transform:uppercase}
.category-publish-field{min-width:0}
.category-filter-group:empty{display:none}
.filters-more-btn{width:100%;margin:2px 0 12px;padding:9px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--ink);font-weight:750;cursor:pointer}
.active-filter-chips{display:flex;gap:6px;flex-wrap:wrap;max-width:1440px;margin:0 auto;padding:8px 20px}
.active-filter-chips:empty{display:none}
.active-filter-chips button{padding:6px 9px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--ink);font-size:12px;cursor:pointer}
.active-filter-chips button span{margin-left:4px;color:var(--accent-dark);font-size:15px}
.empty-results-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.empty-reset-btn.secondary{background:var(--card);color:var(--accent-dark);border:1px solid var(--accent)}
[data-theme="dark"] .portal-purpose button.on,[data-theme="dark"] .portal-category.on{background:var(--accent);color:#fff}
[data-theme="dark"] .portal-category,[data-theme="dark"] .active-filter-chips button,[data-theme="dark"] .filters-more-btn{color:var(--ink);background:var(--card)}
@media(max-width:900px){.portal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.portal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.portal-category{min-height:58px;padding:8px;gap:7px;font-size:12px}.portal-category .veh-icon{width:34px;flex-basis:34px}.category-specs-grid{grid-template-columns:1fr}.active-filter-chips{padding:7px 12px}.portal-purpose{display:grid;width:100%}}

/* ══════════════════════════════════════════════════════════════════════════
   v63 — PREMIUM TEMNA BARVNA IDENTITETA
   Osnovna paleta (zahteva lastnika):
     #253031 temna modro-siva   — osnovno ozadje
     #24688d temna zeleno-turkizna — podporna, oblaki, zaupanje, uspeh
     #2978A0 modra              — primarna akcija
     #BCAB79 rjavo-zlata        — tanke obrobe in premium poudarki
     #C6E0FF svetlo modra       — glavno besedilo

   Vsi izpeljani odtenki so IZMERJENI (WCAG AA) — glej --contrast-* opombe.
   Projekt je ze imel tokenizirano temo, zato tu preslikamo TOKENE; ni bilo
   treba prepisovati komponent. Zato se paleta uveljavi na celotni strani.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  /* ── Osnovna paleta ── */
  --color-bg-primary:#253031;
  --color-bg-secondary:#24688d;
  --color-action-primary:#2978A0;
  --color-accent-warm:#BCAB79;
  --color-text-primary:#C6E0FF;

  /* ── Izpeljani odtenki (z razlogom) ──
     #2978A0 kot BESEDILO na #253031 doseze le 2,77 : 1, zato za povezave in
     ikone uporabimo svetlejso izpeljanko. Kot OZADJE gumba ostane #2978A0,
     ker belo besedilo na njem doseze 4,90 : 1. */
  --color-action-text:#7ab0d4;      /* 6,1:1 na osnovi, 5,3:1 na karticah */
  --color-text-secondary:#9eb4cc;   /* 6,37:1 — daljsi odstavki, manj modro */
  --color-text-muted:#8ea2b7;       /* 5,18:1 — meta podatki */
  --color-surface-1:#2c3a3b;        /* kartice: svetlejse od ozadja, ne bele */
  --color-surface-2:#334243;        /* dvignjene ploskve, hover */
  --color-border-subtle:rgba(188,171,121,.26);
  --color-border-strong:rgba(188,171,121,.45);
  --color-focus:#7ab0d4;
  --color-error:#e08b7a;            /* 5,27:1 — umirjena, dostopna rdeca */
  --color-success:#4a89ab;          /* 5,90:1 — svetlejsi #24688d */
  --color-warning:#d4c28c;          /* 7,69:1 — toplejsi #BCAB79 */

  /* ── Oblaki ── */
  --gradient-cloud-primary:
    radial-gradient(circle at 14% 18%, rgba(49,86,89,.55), transparent 40%),
    radial-gradient(circle at 86% 12%, rgba(41,120,160,.34), transparent 36%),
    radial-gradient(circle at 58% 82%, rgba(49,86,89,.30), transparent 42%);
  --gradient-cloud-secondary:
    radial-gradient(circle at 78% 26%, rgba(41,120,160,.26), transparent 38%),
    radial-gradient(circle at 18% 74%, rgba(49,86,89,.34), transparent 40%);

  --shadow-card:0 10px 30px rgba(0,0,0,.26), 0 0 22px rgba(49,86,89,.10);
  --shadow-card-hover:0 18px 44px rgba(0,0,0,.34), 0 0 30px rgba(41,120,160,.18);
}

/* ══════════════════════════════════════════════════════════════════════════
   TEMNA TEMA = privzeta premium identiteta.
   Preslikava obstojecih tokenov na novo paleto.
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"]{
  --ink:var(--color-text-primary);
  --ink-60:var(--color-text-secondary);
  --ink-40:var(--color-text-muted);
  --ink-20:rgba(198,224,255,.20);
  --surface:#293536;
  --surface-2:var(--color-surface-2);
  --card:var(--color-surface-1);
  --border:var(--color-border-subtle);
  --border-2:var(--color-border-strong);

  --accent:var(--color-action-primary);
  --accent-dark:#1f5f80;
  --accent-light:#1e3f49;          /* temna tinta za cipe in ozadja ikon */
  --accent-mid:var(--color-action-text);

  --accent2:var(--color-accent-warm);
  --accent2-dark:#a39264;
  --accent2-light:#3a3527;

  --green:var(--color-success);   --green-bg:#1d3a37;
  --red:var(--color-error);       --red-bg:#3b2521;
  --orange:var(--color-warning);

  --fuel-benz-bg:#3a3527;   --fuel-benz-c:#d4c28c;
  --fuel-diesel-bg:#2f3d3e; --fuel-diesel-c:#9eb4cc;
  --fuel-ev-bg:#173c46;     --fuel-ev-c:#7fd0e0;
  --fuel-phev-bg:#1d3a37;   --fuel-phev-c:#4a89ab;
  --fuel-hev-bg:#1b3835;    --fuel-hev-c:#79c3b4;

  --grad-hero:linear-gradient(160deg,#222c2d 0%,#2a4245 55%,#26424b 100%);
  --grad-accent:linear-gradient(135deg,#2978A0 0%,#24688d 100%);
  --grad-accent2:linear-gradient(135deg,#BCAB79 0%,#a39264 100%);
  --grad-card:linear-gradient(160deg,#2e3d3e 0%,#283536 100%);
  --grad-surface:linear-gradient(180deg,#253031 0%,#2b3839 100%);
  --grad-nav:rgba(37,48,49,.86);
  --color-primary-bg:#2978A0;      --color-primary-text:#ffffff;
  --color-secondary-bg:#1e3f49;    --color-secondary-text:#C6E0FF;
  --color-muted-text:#9eb4cc;      --color-border:var(--color-border-subtle);
  --color-button-bg:#2978A0;       --color-button-text:#ffffff;
}

/* ══════════════════════════════════════════════════════════════════════════
   SVETLA TEMA — ista paleta, obrnjena. Ohranjena, da preklop tem deluje.
   ══════════════════════════════════════════════════════════════════════════ */
:root:not([data-theme="dark"]){
  --color-bg-primary:#eef2f4;
  --color-bg-secondary:#e2e7e8;
  --color-action-primary:#20648a;
  --color-accent-warm:#8d7c4c;
  --color-text-primary:#212c2d;
  --color-action-text:#20648a;
  --color-text-secondary:#4a5a5b;
  --color-text-muted:#6b7b7c;
  --color-surface-1:#ffffff;
  --color-surface-2:#e2e7e8;
  --color-border-subtle:rgba(37,48,49,.16);
  --color-border-strong:rgba(32,100,138,.42);
  --color-focus:#20648a;
  --color-error:#b4442f;
  --color-success:#20648a;
  --color-warning:#8a7434;
  --shadow-card:0 8px 24px rgba(33,44,45,.08);
  --shadow-card-hover:0 14px 34px rgba(33,44,45,.13);
  --ink:#212c2d;            /* 12+:1 na svetlem */
  --ink-60:#4a5a5b;         /* 6,41:1 */
  --ink-40:#6b7b7c;
  --ink-20:rgba(37,48,49,.18);
  --surface:#eceff0;
  --surface-2:#e2e7e8;
  --card:#ffffff;
  --border:rgba(37,48,49,.14);
  --border-2:rgba(188,171,121,.55);
  --accent:#20648a;         /* nekoliko temneje, da belo besedilo doseze AA */
  --accent-dark:#184e6c;
  --accent-light:#e4eef3;
  --accent-mid:#2978A0;
  --accent2:#8d7c4c;        /* #BCAB79 na belem ni berljiv kot besedilo */
  --accent2-dark:#6f6139;
  --accent2-light:#f4f0e4;
  --green:#20648a; --green-bg:#e4eef3;
  --red:#b4442f;   --red-bg:#fbe9e5;
  --orange:#8a7434;
  --grad-hero:linear-gradient(160deg,#253031 0%,#24688d 58%,#2978A0 120%);
  --grad-accent:linear-gradient(135deg,#20648a 0%,#24688d 100%);
  --grad-accent2:linear-gradient(135deg,#8d7c4c 0%,#6f6139 100%);
  --grad-card:#ffffff;
  --grad-surface:linear-gradient(180deg,#f1f4f5 0%,#e2e7e8 100%);
  --grad-nav:rgba(255,255,255,.92);
}

/* ══════════════════════════════════════════════════════════════════════════
   OBLAKI V OZADJU — samo CSS, brez JS in brez slik.
   Vsebina je vedno nad njimi; sloj ne prejema klikov in ne siri dokumenta.
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] body{
  background-color:var(--color-bg-primary);
  background-image:var(--gradient-cloud-primary);
  background-attachment:fixed;
  background-repeat:no-repeat;
}
/* Hero: ze obstojeci dekorativni sloj (.home-hero-bg) dobi ZIVE oblake.
   Ima pointer-events:none in je pod vsebino, zato je varno mesto. */
[data-theme="dark"] .home-hero-bg{
  background:
    radial-gradient(closest-side at 18% 24%, rgba(49,86,89,.62), transparent 100%),
    radial-gradient(closest-side at 82% 16%, rgba(41,120,160,.42), transparent 100%),
    radial-gradient(closest-side at 62% 88%, rgba(49,86,89,.34), transparent 100%),
    repeating-linear-gradient(115deg, rgba(198,224,255,.045) 0 1px, transparent 1px 38px);
  background-size:70% 80%, 62% 68%, 78% 72%, auto;
  background-repeat:no-repeat;
  animation:none;                 /* prejsnja hitra animacija crt odpade */
}
.has-motion [data-theme="dark"] .home-hero-bg,
[data-theme="dark"].has-motion .home-hero-bg{animation:cloudDriftA 26s var(--ease-standard) infinite alternate}

/* Oblak za pomembnimi razdelki — vsak drugacen, isti slog */
[data-theme="dark"] .damage-section,[data-theme="dark"] #sec-regions,
[data-theme="dark"] .home-cta-section{position:relative;isolation:isolate}
[data-theme="dark"] .damage-section::before,[data-theme="dark"] #sec-regions::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--gradient-cloud-secondary)}
[data-theme="dark"] #sec-regions::before{transform:scaleX(-1)}
.has-motion[data-theme="dark"] .damage-section::before{animation:cloudDriftB 30s var(--ease-standard) infinite alternate}
.has-motion[data-theme="dark"] #sec-regions::before{animation:cloudDriftA 34s var(--ease-standard) infinite alternate}

@keyframes cloudDriftA{
  from{transform:translate3d(0,0,0) scale(1);opacity:.92}
  to{transform:translate3d(18px,-14px,0) scale(1.05);opacity:1}
}
@keyframes cloudDriftB{
  from{transform:translate3d(0,0,0) scale(1.04);opacity:.85}
  to{transform:translate3d(-22px,12px,0) scale(1);opacity:1}
}

/* ══════════════════════════════════════════════════════════════════════════
   KARTICE, OBROBE, SENCE
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] .car-row,[data-theme="dark"] .home-car-tile,[data-theme="dark"] .bt-card,
[data-theme="dark"] .why-card,[data-theme="dark"] .how-card,[data-theme="dark"] .contact-card,
[data-theme="dark"] .region-wrap,[data-theme="dark"] .stat-cell{
  border-color:var(--color-border-subtle);
  box-shadow:var(--shadow-card)}
@media(hover:hover){
  [data-theme="dark"] .car-row:hover,[data-theme="dark"] .home-car-tile:hover,
  [data-theme="dark"] .bt-card:hover,[data-theme="dark"] .how-card:hover{
    border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}
}
/* Tanka topla locilna crta med informacijskimi sklopi — ne velike ploskve */
[data-theme="dark"] .desc-section,[data-theme="dark"] .cc-more{
  border-top-color:var(--color-border-subtle)}

/* ══════════════════════════════════════════════════════════════════════════
   GUMBI — primarni ima BELO besedilo (4,90:1); #C6E0FF bi dosegel le 3,62:1
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] .hsb-btn,[data-theme="dark"] .cc-actions .cc-primary,
[data-theme="dark"] .nav-post-btn,[data-theme="dark"] .damage-cta,
[data-theme="dark"] .cta-primary,[data-theme="dark"] .btn-call,[data-theme="dark"] .btn-tel{
  background:var(--color-action-primary);color:#fff;border:0;
  box-shadow:0 6px 18px rgba(41,120,160,.28)}
@media(hover:hover){
  [data-theme="dark"] .hsb-btn:hover,[data-theme="dark"] .cc-actions .cc-primary:hover,
  [data-theme="dark"] .nav-post-btn:hover,[data-theme="dark"] .cta-primary:hover{
    background:#2f89b6}
}
/* Sekundarni: prosojno ozadje, tanka topla obroba, svetlo besedilo */
[data-theme="dark"] .cc-actions .cc-secondary,[data-theme="dark"] .cta-ghost,
[data-theme="dark"] .btn-msg,[data-theme="dark"] .btn-write{
  background:rgba(198,224,255,.05);color:var(--color-text-primary);
  border:1px solid var(--color-border-subtle)}
@media(hover:hover){
  [data-theme="dark"] .cc-actions .cc-secondary:hover,[data-theme="dark"] .cta-ghost:hover,
  [data-theme="dark"] .btn-msg:hover,[data-theme="dark"] .btn-write:hover{
    background:rgba(49,86,89,.42);border-color:var(--color-border-strong)}
}
/* Nevarne akcije nikoli v glavni modri */
[data-theme="dark"] .cc-delete-btn,[data-theme="dark"] .cc-more-list .cc-delete-btn{
  color:var(--color-error);background:transparent}

/* ══════════════════════════════════════════════════════════════════════════
   OBRAZCI — temno ozadje, svetlo besedilo, moder fokus z obrocem
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea,
[data-theme="dark"] .hsb-select,[data-theme="dark"] .hsb-input{
  background:#222d2e;color:var(--color-text-primary);
  border:1px solid var(--color-border-subtle)}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{
  color:var(--color-text-muted);opacity:1}
[data-theme="dark"] input:focus,[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus,[data-theme="dark"] .hsb-select:focus,
[data-theme="dark"] .hsb-input:focus{
  border-color:var(--color-focus);
  box-shadow:0 0 0 3px rgba(122,176,212,.28);outline:none}
[data-theme="dark"] input:disabled,[data-theme="dark"] select:disabled{
  color:var(--color-text-muted);background:#20292a;cursor:not-allowed}
/* Chromov autofill sicer vsili belo ozadje */
[data-theme="dark"] input:-webkit-autofill,[data-theme="dark"] input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--color-text-primary);
  -webkit-box-shadow:0 0 0 1000px #222d2e inset}
/* Nativni spustni seznami niso vec beli in neberljivi */
[data-theme="dark"] select option{background:#222d2e;color:var(--color-text-primary)}
[data-theme="dark"] .field-error{border-color:var(--color-error)!important;
  box-shadow:0 0 0 3px rgba(224,139,122,.22)}

/* ══════════════════════════════════════════════════════════════════════════
   NAVIGACIJA — aktivna povezava modra, tanek topel indikator
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] .nav{background:var(--grad-nav);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--color-border-subtle)}
[data-theme="dark"] .nav.is-scrolled{background:rgba(37,48,49,.96)}
[data-theme="dark"] .nav-link{color:var(--color-text-secondary);position:relative}
[data-theme="dark"] .nav-link.on{color:var(--color-text-primary)}
[data-theme="dark"] .nav-link.on::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;
  height:2px;border-radius:2px;background:var(--color-accent-warm)}
@media(hover:hover){[data-theme="dark"] .nav-link:hover{color:var(--color-text-primary);
  background:rgba(49,86,89,.38)}}
[data-theme="dark"] .mobile-menu{background:rgba(41,53,54,.98);
  border-bottom:1px solid var(--color-border-subtle)}
[data-theme="dark"] .site-footer{background:#1f292a;
  border-top:1px solid var(--color-border-subtle)}

/* ══════════════════════════════════════════════════════════════════════════
   FOTOGRAFIJE VOZIL — brez barvnega filtra, samo zelo blag sijaj za njimi
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] .cr-img,[data-theme="dark"] .ct-img{
  background:radial-gradient(ellipse at 50% 62%, rgba(41,120,160,.16), transparent 68%), #232e2f}
[data-theme="dark"] .cr-img img,[data-theme="dark"] .ct-img img{filter:none}
[data-theme="dark"] .veh-ph{background:
  radial-gradient(ellipse at 50% 60%, rgba(49,86,89,.34), transparent 70%), #232e2f}
[data-theme="dark"] .cr-price-val,[data-theme="dark"] .cc-price,
[data-theme="dark"] .home-tile-price{color:var(--color-text-primary)}

/* Risbe vozil: modra osnova, topel poudarek ob prehodu miske */
[data-theme="dark"] .bt-svg{color:var(--color-action-text)}
[data-theme="dark"] .bt-card:hover .bt-svg{color:var(--color-accent-warm)}
[data-theme="dark"] .bt-svg .bt-shadow{fill:#000;fill-opacity:.3}

/* ══════════════════════════════════════════════════════════════════════════
   ZNACKE IN ZAUPANJE — #24688d za varnost, #BCAB79 za premium
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] .top-badge,[data-theme="dark"] .home-tile-badge{
  background:var(--color-accent-warm);color:#253031;font-weight:700}
[data-theme="dark"] .verified-inline,[data-theme="dark"] .cc-boosted{
  color:var(--color-success)}
[data-theme="dark"] .damage-kicker{background:var(--accent2-light);color:var(--color-accent-warm)}
[data-theme="dark"] .why-ico{background:#1e3f49;color:var(--color-action-text)}
[data-theme="dark"] .how-step{background:var(--color-action-primary);color:#fff}

/* ── Postopek objave: aktiven korak moder, koncan zeleno-turkizen ── */
[data-theme="dark"] #publish-progress button{color:var(--color-text-muted)}
[data-theme="dark"] #publish-progress button.on{color:#fff}
[data-theme="dark"] #publish-progress button.on span{background:var(--color-action-primary);color:#fff}
[data-theme="dark"] #publish-progress button.done span{background:var(--color-success);color:#253031}

/* ══════════════════════════════════════════════════════════════════════════
   MOBILNI PRIKAZ — manj in šibkejši oblaki
   ══════════════════════════════════════════════════════════════════════════ */
@media(max-width:768px){
  [data-theme="dark"] body{background-image:
    radial-gradient(circle at 20% 12%, rgba(49,86,89,.38), transparent 44%),
    radial-gradient(circle at 84% 78%, rgba(41,120,160,.22), transparent 42%);
    background-attachment:scroll}
  [data-theme="dark"] .damage-section::before,[data-theme="dark"] #sec-regions::before{opacity:.55}
  [data-theme="dark"] .nav{backdrop-filter:blur(10px)}
}

@media(prefers-reduced-motion:reduce){
  [data-theme="dark"] .home-hero-bg,
  [data-theme="dark"] .damage-section::before,
  [data-theme="dark"] #sec-regions::before{animation:none!important;transform:none!important}
}

/* ── v63b: ostanki stare oranzne identitete v temni temi ──────────
   Te barve so bile zapisane rocno v komponentah in jih preslikava
   tokenov ne zajame. Preslikamo jih na topel poudarek nove palete. */
[data-theme="dark"] .home-hero-title em{color:var(--color-accent-warm)}
[data-theme="dark"] .home-hero-label{color:var(--color-accent-warm)}
[data-theme="dark"] .hero-chip svg{color:var(--color-accent-warm)}
[data-theme="dark"] .hero-art .ha-speed{stroke:var(--color-action-text)}
[data-theme="dark"] .hero-art .ha-chip [stroke="#f0b083"],
[data-theme="dark"] .hero-art [stroke="#f0b083"]{stroke:var(--color-accent-warm)}
[data-theme="dark"] .home-hero-sub{color:var(--color-text-secondary)}
[data-theme="dark"] .hero-chip{border-color:var(--color-border-subtle);
  background:rgba(198,224,255,.06);color:var(--color-text-primary)}
/* Piskotni pas in ostali "opozorilni" gumbi: topla zlata, ne oranzna */
[data-theme="dark"] .cookie-accept,[data-theme="dark"] .cookie-save,
[data-theme="dark"] .empty-reset-btn{background:var(--color-accent-warm);color:#253031;border:0}
[data-theme="dark"] .why-card::before{background:var(--grad-accent2)}
[data-theme="dark"] .damage-list i{background:var(--color-accent-warm);
  box-shadow:0 0 0 4px rgba(188,171,121,.16)}
[data-theme="dark"] .damage-art .dmg-core{fill:var(--color-accent-warm);stroke:#253031}
[data-theme="dark"] .damage-art .dmg-ring{stroke:var(--color-accent-warm)}
[data-theme="dark"] .region-map .rm-roads-dash{stroke:var(--color-accent-warm)}
[data-theme="dark"] .region-map .rm-pin:hover circle{stroke:var(--color-accent-warm);
  fill:var(--accent2-light)}
[data-theme="dark"] .how-art .hw-accent{stroke:var(--color-accent-warm)}
[data-theme="dark"] .how-art .hw-fill-accent{fill:var(--accent2-light)}
[data-theme="dark"] .empty-art .ea-accent,[data-theme="dark"] .empty-art .ea-lens{
  stroke:var(--color-accent-warm)}
[data-theme="dark"] .home-section-title::after{background:var(--grad-accent2)}
/* ── v63c: komponente s trdo zapisano staro barvo ─────────────────
   Najdeno z merjenjem izrisanih gumbov na strani: #2f5f73 (stara modra)
   in #a94f22 (stara oranzna) se nista preslikala prek tokenov. */
[data-theme="dark"] .ai-search-btn,[data-theme="dark"] .view-btn.on,
[data-theme="dark"] .filter-apply-btn,[data-theme="dark"] .empty-reset-btn,
[data-theme="dark"] .sgw-bubble,[data-theme="dark"] .cookie-accept,
[data-theme="dark"] .damage-modal .primary,[data-theme="dark"] .btn-primary{
  background:var(--color-action-primary);color:#fff;border-color:transparent}
[data-theme="dark"] .cookie-save{background:var(--color-accent-warm);color:#253031;border:0}
[data-theme="dark"] .cookie-settings{background:rgba(198,224,255,.08);
  color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}
[data-theme="dark"] .cookie-decline{color:var(--color-text-secondary)}
[data-theme="dark"] .empty-reset-btn.secondary{background:rgba(198,224,255,.06);
  color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}
[data-theme="dark"] .btn-pkg-dark{background:var(--color-action-primary);color:#fff}
[data-theme="dark"] .settings-danger-btn{background:var(--red-bg);color:var(--color-error)}
[data-theme="dark"] .lb-nav,[data-theme="dark"] .lb-close{
  background:rgba(198,224,255,.14);color:var(--color-text-primary)}
[data-theme="dark"] #lightbox{background:rgba(20,27,28,.94)}
/* Modalna okna po novi paleti */
[data-theme="dark"] .modal,[data-theme="dark"] .modal-box,[data-theme="dark"] .settings-panel{
  background:var(--color-surface-1);border:1px solid var(--color-border-subtle);
  box-shadow:var(--shadow-card-hover)}
[data-theme="dark"] .theme-btn.on{background:var(--color-action-primary);color:#fff}
/* ── v63d: zadnji stiri, ki jih je prevladala vecja specificnost ── */
html[data-theme="dark"] #cookie-banner .cookie-accept,
html[data-theme="dark"] .cookie-banner .cookie-accept{
  background:var(--color-action-primary)!important;color:#fff!important}
html[data-theme="dark"] #cookie-banner .cookie-save,
html[data-theme="dark"] .cookie-banner .cookie-save{
  background:var(--color-accent-warm)!important;color:#253031!important}
html[data-theme="dark"] .home-contact-mail{
  background:var(--color-action-primary)!important;color:#fff!important}
html[data-theme="dark"] .sgw-bubble{
  background:var(--color-action-primary)!important;color:#fff!important}
/* ══════════════════════════════════════════════════════════════════
   v69 — RADIKALNA POENOSTAVITEV
   Domaca stran: iskalnik, kategorije, oglasi, en poziv. Nic drugega.
   ══════════════════════════════════════════════════════════════════ */

/* Iskalnik: pet osnovnih polj, ostalo za gumbom "Vec filtrov".
   Polja OSTANEJO v DOM, ker jih heroSearch() bere — samo skrita so. */
.home-search-box:not(.show-more) .hsb-advanced .hsb-field:not(.hsb-submit-field){display:none}
.home-search-box:not(.show-more) .hsb-advanced{margin-bottom:0}
.hsb-more-toggle{display:inline-flex;align-items:center;gap:6px;margin:2px 0 12px;padding:8px 0;
  background:none;border:0;color:var(--accent-mid);font-size:13px;font-weight:600;cursor:pointer;
  transition:color var(--dur-fast) var(--ease-standard)}
.hsb-more-toggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);
  transition:transform var(--dur-fast) var(--ease-premium)}
.home-search-box.show-more .hsb-more-toggle::after{transform:rotate(-135deg) translateY(-2px)}
.hsb-more-toggle:hover{color:var(--color-text-primary)}
.has-motion .home-search-box.show-more .hsb-advanced .hsb-field{
  animation:mvUp var(--dur-normal) var(--ease-premium) both}

/* Hero brez risbe: naslov in iskalnik na sredini, brez praznega stolpca */
.home-hero-top{grid-template-columns:1fr;margin-bottom:20px;text-align:center}
.home-hero-sub{max-width:none;margin:0 auto}
.home-hero{padding:44px 24px 34px}
.home-hero-title{font-size:44px}
@media(max-width:640px){.home-hero-title{font-size:32px}.home-hero{padding:28px 16px 24px}}

/* Manj razdelkov -> tesnejsi ritem strani */
.home-section{padding:40px 24px}
@media(max-width:640px){.home-section{padding:28px 16px}}
/* ══════════════════════════════════════════════════════════════════
   v70 — vrnitev prejsnjih risb karoserij + odprava drsnika
   Blok "v63: compact body-style browser" je kartice spremenil v vrstice
   s potrditvenim kvadratkom in obrisne risbe. Lastnik zeli nazaj prejsnje
   POLNE silhuete v karticah. Ta blok je za njim, zato prevlada.
   ══════════════════════════════════════════════════════════════════ */
.body-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  padding:0;background:transparent;border:0;border-radius:0}
.bt-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  grid-template-columns:none;min-height:0;padding:16px 16px 14px;
  background:var(--card);border:1px solid var(--border);border-bottom:1px solid var(--border);
  border-radius:var(--r-lg);text-align:left;cursor:pointer;box-shadow:var(--shadow-card);
  transition:transform var(--dur-fast) var(--ease-premium),
             border-color var(--dur-fast) var(--ease-standard),
             box-shadow var(--dur-fast) var(--ease-standard)}
.bt-card::before{content:none}                 /* kvadratek za obkljukanje odpade */
.bt-card:nth-last-child(-n+3){border-bottom:1px solid var(--border)}
.bt-card b{font-size:14px;font-weight:700;color:var(--ink)}
.bt-card .bt-hint{display:block;font-size:11.5px;color:var(--ink-40);line-height:1.4}
.bt-media{width:100%;height:auto;max-width:196px;aspect-ratio:104/52;margin-bottom:10px;
  display:grid;place-items:stretch}
/* Polna silhueta: karoserija zapolnjena, okna in sredine koles izrez */
.bt-svg{width:100%;height:100%;color:var(--accent-mid);overflow:visible}
.bt-svg .bt-shadow{display:block;fill:#000;fill-opacity:.28;stroke:none}
.bt-svg .bt-body{fill:currentColor;stroke:none;stroke-width:0}
.bt-svg .bt-glass{fill:var(--card);stroke:none}
.bt-svg .bt-line{stroke:var(--card);stroke-width:1.5;stroke-opacity:.92;fill:none}
.bt-svg .bt-over{stroke:currentColor;stroke-width:2.6;fill:none}
.bt-svg .bt-tyre{fill:currentColor;stroke:none}
.bt-svg .bt-rim{fill:var(--card);stroke:none}
@media(hover:hover){
  .bt-card:hover{transform:translateY(-4px);border-color:var(--border-2);
    background:var(--card);box-shadow:var(--shadow-card-hover)}
  .bt-card:hover .bt-svg{color:var(--color-accent-warm)}
}
@media(max-width:1000px){.body-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .body-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}
  .bt-card{grid-template-columns:none;min-height:0;padding:14px}
  .bt-media{width:100%;height:auto}
}
@media(max-width:420px){.body-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Podkategorije: prej vodoravni drsnik — ob kliku na "Motorna kolesa" se je
   pod cipi pokazala siva crta. Zdaj se ovijejo v vec vrstic, drsnika ni. */
.portal-subcategories{flex-wrap:wrap;overflow-x:visible;scrollbar-width:none;padding-bottom:10px}
.portal-subcategories::-webkit-scrollbar{display:none}
/* ══════════════════════════════════════════════════════════════════
   v71 — lastnikove risbe karoserij (body-*.png)
   Slike so bile ves cas na strezniku, v projektu pa ne. Zdaj so tu in
   se uporabljajo povsod, kjer prikazujemo obliko vozila.
   ══════════════════════════════════════════════════════════════════ */
/* Risba je manjsa: kartica naj bo predvsem ime karoserije, slika pa oznaka.
   Visina okvira ostaja fiksna, zato je spodnja linija se vedno skupna. */
.bt-media{width:100%;max-width:124px;aspect-ratio:104/52;margin-bottom:8px;
  display:grid;place-items:stretch}
/* Skupna spodnja osnovna linija: slike so poravnane na dno okvira in
   nikoli razpotegnjene (contain), zato vsi avti "stojijo" na isti visini. */
.bt-raster{display:block;width:100%;height:100%;
  object-fit:contain;object-position:center bottom}
.bt-fallback{display:block;width:100%;height:100%}
.bt-card:hover .bt-raster{transform:none}
@media(hover:hover){
  .has-motion .bt-raster{transition:transform var(--dur-fast) var(--ease-premium)}
  .has-motion .bt-card:hover .bt-raster{transform:translateY(-3px) scale(1.03)}
}
/* Brez podlage za risbo — risba stoji neposredno na kartici. */

/* Ista risba tudi kot nadomestek za oglas brez fotografije */
.veh-ph-raster{display:block;width:100%;height:100%;
  object-fit:contain;object-position:center bottom;opacity:.9}
[data-theme="dark"] .veh-ph-raster{filter:brightness(1.18)}
/* ── v72: risana sličica kategorije v izbirniku "Nakup" ──────────
   Enaka velikost kot obstoječe line-ikone (42x24), da vrstica ostane
   poravnana, dokler ne dobimo risb še za ostalih sedem kategorij. */
.portal-cat-art{width:42px;height:24px;flex:none;display:block;
  object-fit:contain;object-position:center bottom}
/* ══════════════════════════════════════════════════════════════════
   v73 — poravnana noga
   Prej: logotip, devet povezav in dolga vrstica z viri v eni vrsti s
   space-between — povezave so se lomile in nic ni bilo poravnano.
   Zdaj: blagovna znamka + tri poimenovane skupine, spodaj locena vrstica.
   ══════════════════════════════════════════════════════════════════ */
.site-footer{background:#1f292a;border-top:1px solid var(--color-border-subtle);padding:36px 24px 22px}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;
  grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,1fr));
  gap:28px 24px;align-items:start;justify-content:initial}
.footer-brand{display:flex;flex-direction:column;gap:8px}
.footer-logo{margin:0}
.footer-tagline{margin:0;max-width:280px;font-size:12.5px;line-height:1.55;color:var(--color-text-muted)}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-col h2{margin:0 0 2px;font-family:inherit;font-size:11px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-warm)}
.footer-col a,.footer-col button{padding:0;font-size:13px;line-height:1.3;text-align:left;
  color:var(--color-text-secondary);text-decoration:none;background:none;border:0;
  cursor:pointer;font-family:inherit;transition:color var(--dur-fast) var(--ease-standard)}
.footer-col a:hover,.footer-col button:hover{color:var(--color-text-primary)}
.footer-bottom{max-width:1100px;margin:26px auto 0;padding-top:16px;
  border-top:1px solid var(--color-border-subtle);
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:12px;color:var(--color-text-muted)}
.footer-bottom a{color:var(--color-text-secondary);text-decoration:none}
.footer-bottom a:hover{color:var(--color-text-primary)}
@media(max-width:820px){
  .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
  .footer-brand{grid-column:1 / -1}
}
@media(max-width:520px){
  .site-footer{padding:28px 16px 18px}
  .footer-inner{grid-template-columns:1fr;gap:22px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}
}

/* v76 — barvna paleta začetne strani */
[data-theme="dark"]{
  --ink:#e0e1dd;--ink-60:#b4becb;--ink-40:#778da9;--ink-20:#415a77;
  --surface:#1b263b;--surface-2:#152238;--card:#1b263b;--border:#415a77;--border-2:#778da9;
  --accent:#778da9;--accent-dark:#415a77;--accent-light:#263852;--accent-mid:#a7b7c9;
  --grad-hero:linear-gradient(145deg,#0d1b2a 0%,#1b263b 54%,#0d1b2a 100%);
  --grad-accent:linear-gradient(135deg,#415a77,#778da9);--grad-card:linear-gradient(145deg,#1b263b,#152238);
  --grad-surface:linear-gradient(180deg,#0d1b2a,#1b263b);--grad-nav:rgba(13,27,42,.94);
}
[data-theme="dark"] body{background:#0d1b2a;color:#e0e1dd}
[data-theme="dark"] .nav{background:rgba(13,27,42,.94);border-color:#415a77;color:#e0e1dd}
[data-theme="dark"] .nav-link{color:#c4ceda}[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link.on{background:#1b263b;color:#e0e1dd}
[data-theme="dark"] .nav-logo{color:#e0e1dd}[data-theme="dark"] .nav-post-btn,[data-theme="dark"] .hsb-btn{background:linear-gradient(135deg,#415a77,#778da9);box-shadow:0 5px 18px rgba(119,141,169,.24)}
[data-theme="dark"] .nav-settings-btn{background:#0d1b2a;border-color:#415a77;color:#e0e1dd}
[data-theme="dark"] .home-hero{background:radial-gradient(ellipse at 50% 42%,#263c56 0%,#0d1b2a 58%,#08131f 100%)}
[data-theme="dark"] .home-hero-bg{background:linear-gradient(90deg,rgba(119,141,169,.07),transparent 25%,transparent 75%,rgba(119,141,169,.07)),repeating-linear-gradient(115deg,rgba(224,225,221,.035) 0 1px,transparent 1px 42px)}
[data-theme="dark"] .home-hero-title{color:#e0e1dd}[data-theme="dark"] .home-hero-title em{color:#778da9}[data-theme="dark"] .home-hero-sub{color:#c4ceda}
[data-theme="dark"] .home-search-box{background:rgba(27,38,59,.96);border:1px solid #778da9;box-shadow:0 22px 60px rgba(0,0,0,.42)}
[data-theme="dark"] .hsb-tabs{background:#0d1b2a}[data-theme="dark"] .hsb-tab{color:#b4becb}[data-theme="dark"] .hsb-tab.on{background:#415a77;color:#e0e1dd;box-shadow:none}
[data-theme="dark"] .portal-purpose{background:#0d1b2a;border-color:#415a77}[data-theme="dark"] .portal-purpose button.on{background:#415a77;color:#e0e1dd}[data-theme="dark"] .portal-category{background:#152238;border-color:#415a77;color:#e0e1dd}[data-theme="dark"] .portal-category.on{background:#415a77;border-color:#a7cce7;color:#fff;box-shadow:none}
/* Polja Znamka, Model, Cena do, Letnik od in Gorivo */
[data-theme="dark"] .hsb-select,[data-theme="dark"] .hsb-input{background:#415a77!important;border-color:#778da9!important;color:#e0e1dd!important}[data-theme="dark"] .hsb-select:focus,[data-theme="dark"] .hsb-input:focus{background:#526d8b!important;border-color:#e0e1dd!important}[data-theme="dark"] .hsb-select option{background:#1b263b;color:#e0e1dd}[data-theme="dark"] .hsb-field label{color:#c4ceda}

/* v77 — tekoč video v ozadju uvodnega dela */
.home-scroll-video{isolation:isolate;background:#0d1b2a}
.home-scroll-video-media,.home-scroll-video-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.home-scroll-video-media{z-index:0;object-fit:cover;object-position:center;opacity:calc(.28 + var(--drive-progress,0) * .34);filter:saturate(.7) contrast(1.08) brightness(.68);transition:opacity .25s linear}
.home-scroll-video-shade{z-index:1;background:linear-gradient(90deg,rgba(13,27,42,.86),rgba(13,27,42,.43) 52%,rgba(13,27,42,.78)),linear-gradient(0deg,rgba(13,27,42,.85),transparent 55%)}
.home-scroll-video .home-hero-bg{z-index:2}.home-scroll-video .home-hero-inner{z-index:3}
@media(max-width:640px){.home-scroll-video-media{object-position:58% center;opacity:.25}}
@media(prefers-reduced-motion:reduce){.home-scroll-video-media{display:none}}

/* v78 — pripeta scroll zgodba: video in vsebinski paneli imajo isti kader */
.scroll-story-ready{height:900vh;padding:0!important;overflow:visible}
.scroll-story-ready .home-hero-inner{position:sticky;top:58px;height:calc(100vh - 58px);max-width:none;margin:0;display:block;overflow:hidden}
.scroll-story-ready .home-hero-bg{position:absolute;inset:0}
.scroll-story-ready .scroll-story-overlays{position:absolute;inset:0;z-index:2}
.scroll-story-ready .scroll-story-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;width:min(1100px,calc(100% - 48px));margin:auto;will-change:transform,opacity;transition:opacity .08s linear;overflow:auto;scrollbar-width:none}
.scroll-story-ready .scroll-story-panel::-webkit-scrollbar{display:none}
.scroll-story-ready .story-search{align-items:center;text-align:center;gap:20px;padding:24px 0}
.scroll-story-ready .story-search .home-hero-top{display:block;width:100%;margin:0}.scroll-story-ready .story-search .home-hero-sub{max-width:720px}
.scroll-story-ready .story-search .home-search-box{width:100%;max-width:1100px;text-align:left}
.scroll-story-ready .story-body,.scroll-story-ready .story-regions,.scroll-story-ready .story-how,.scroll-story-ready .story-damage{justify-content:center}
.scroll-story-ready .scroll-story-panel>.home-section{width:100%;padding:24px 0;background:transparent}.scroll-story-ready .scroll-story-panel .home-section-inner{max-width:1100px}
.scroll-story-ready .story-damage{justify-content:flex-start;padding-top:6vh}.scroll-story-ready .story-damage .damage-section{max-height:calc(100vh - 80px);overflow:auto}
.scroll-story-ready .home-scroll-video-shade{background:linear-gradient(90deg,rgba(13,27,42,.7),rgba(13,27,42,.22) 52%,rgba(13,27,42,.66)),linear-gradient(0deg,rgba(13,27,42,.78),transparent 55%)}
.scroll-story-ready .home-scroll-video-media{opacity:.68;transition:none}
.scroll-story-ready:not(.scroll-video-ready)::after{content:'Pripravljamo posnetek …';position:fixed;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);padding:10px 15px;border:1px solid #778da9;border-radius:8px;background:#0d1b2a;color:#e0e1dd;font-size:13px}
@media(max-width:760px){.scroll-story-ready{height:780vh}.scroll-story-ready .home-hero-inner{top:58px;height:calc(100vh - 58px)}.scroll-story-ready .scroll-story-panel{width:calc(100% - 28px)}.scroll-story-ready .story-search{justify-content:flex-start;padding-top:18px}.scroll-story-ready .story-search .home-search-box{max-height:calc(100vh - 250px);overflow:auto}.scroll-story-ready .scroll-story-panel>.home-section{padding:12px 0}.scroll-story-ready .home-section-head{margin-bottom:12px}.scroll-story-ready .story-damage{padding-top:0}}

/* v79 — čist, neprekrit video */
.home-scroll-video{background:#000!important}.home-scroll-video-media,.scroll-story-ready .home-scroll-video-media{z-index:0;object-fit:contain!important;object-position:center!important;opacity:1!important;filter:none}.home-scroll-video-shade,.home-scroll-video .home-hero-bg{display:none!important}

/* v81 — vsebina lebdi neposredno nad framei, brez polprosojnih panelov */
.scroll-story-ready #sec-regions,.scroll-story-ready .damage-section{background:transparent!important;border:0!important;box-shadow:none!important}
.scroll-story-ready .region-wrap{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.scroll-story-ready .region-map .rm-pin circle{fill:transparent!important}
.scroll-story-ready .damage-wrap,.scroll-story-ready .damage-text,.scroll-story-ready .damage-art{background:transparent!important;border:0!important;box-shadow:none!important}

/* v82 — odstrani dekorativna ozadja sekcij, vrni samo okvir zemljevida */
.scroll-story-ready #sec-regions::before,.scroll-story-ready .damage-section::before{display:none!important}
.scroll-story-ready .region-wrap{padding:24px 26px!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-card)!important}
.scroll-story-ready .region-map .rm-pin circle{fill:var(--card)!important}

/* v83 — enotna AvtoHub modra paleta po celotni domači strani */
[data-theme="dark"]{
  --color-bg-primary:#0d1b2a;--color-bg-secondary:#1b263b;--color-action-primary:#415a77;--color-accent-warm:#778da9;--color-text-primary:#e0e1dd;
  --color-action-text:#aebfd0;--color-text-secondary:#bac4cf;--color-text-muted:#778da9;
  --color-surface-1:#1b263b;--color-surface-2:#263852;--color-border-subtle:rgba(119,141,169,.38);--color-border-strong:rgba(119,141,169,.72);--color-focus:#e0e1dd;
  --color-success:#778da9;--color-warning:#778da9;--color-error:#d78a82;
  --gradient-cloud-primary:radial-gradient(circle at 14% 18%,rgba(65,90,119,.30),transparent 40%),radial-gradient(circle at 86% 12%,rgba(119,141,169,.18),transparent 36%);
  --gradient-cloud-secondary:radial-gradient(circle at 78% 26%,rgba(65,90,119,.28),transparent 38%),radial-gradient(circle at 18% 74%,rgba(27,38,59,.5),transparent 40%);
  --green:#778da9;--green-bg:#1b263b;--fuel-phev-bg:#1b263b;--fuel-phev-c:#e0e1dd;--fuel-hev-bg:#1b263b;--fuel-hev-c:#e0e1dd;
}
[data-theme="dark"] .site-footer{background:#0d1b2a!important;border-top-color:#415a77!important}
[data-theme="dark"] .nav,[data-theme="dark"] .mobile-menu{background:#0d1b2a!important;border-color:#415a77!important}
[data-theme="dark"] .home-section-gray,[data-theme="dark"] .how-art,[data-theme="dark"] .home-pulse-section{background:#1b263b!important}
/* Zakaj AvtoHub — temnejši kontrastni pas */
[data-theme="dark"] #sec-why{background:#0d1b2a!important}

/* Mobilno: trije koraki prodaje v eni kompaktni vrstici */
@media(max-width:760px){
  .scroll-story-ready .story-how .how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .scroll-story-ready .story-how .how-card{padding:0 0 10px;border-radius:8px}
  .scroll-story-ready .story-how .how-art{padding:8px 4px 2px}
  .scroll-story-ready .story-how .how-art svg{max-height:54px}
  .scroll-story-ready .story-how .how-step{width:20px;height:20px;margin:4px auto 6px;font-size:10px}
  .scroll-story-ready .story-how .how-card h3{margin:0 6px;font-size:11px;line-height:1.2;text-align:center}
  .scroll-story-ready .story-how .how-card p{display:none}
}
/* Ilustracija poškodb brez sence pod vozilom */
.damage-art .dm-shadow{display:none}
/* Karoserije: slika ostane enake velikosti, poravnana pa je na sredino kartice */
.bt-card .bt-media{margin-left:auto;margin-right:auto}
/* Imena in opisi karoserij so poravnani s sredino kartice. */
.bt-card{align-items:center;text-align:center}.bt-card b,.bt-card .bt-hint{text-align:center}
/* Dostopnost: močnejši fokus, večje besedilo in brez nepotrebnih animacij. */
.nav-accessibility-btn{display:none;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);font-size:17px}
.accessibility-mode{font-size:17px!important}.accessibility-mode *:focus-visible{outline:3px solid #e0e1dd!important;outline-offset:3px}.accessibility-mode .has-motion *{animation:none!important;transition:none!important}
@media(max-width:640px){
  /* Ena mobilna vrstica: meni, Domov, Oglasi, Prijava in dostopnost. */
  .nav{height:58px;min-height:58px;padding:0 8px;flex-wrap:nowrap;gap:3px}
  .nav-logo,.nav-post-btn,.nav-install-btn,.nav-settings-btn{display:none!important}
  .mobile-menu-btn{display:flex;order:0;flex:0 0 34px;width:34px;height:34px}
  .nav-center{display:flex;order:1;flex:1;min-width:0;gap:0}
  .nav-center .nav-link{display:none;padding:8px 7px;font-size:12px}.nav-center #nb-home,.nav-center #nb-list{display:block}
  .nav-right{order:2;width:auto;margin-left:0;gap:2px;flex:0 0 auto}.nav-right #nav-user-area .nav-link{padding:8px 7px;font-size:12px}.nav-accessibility-btn{display:flex;flex:0 0 34px}
  .mobile-menu{top:58px}
  /* Kartice karoserij so na telefonu vizualno 10 % manjše. */
  .scroll-story-ready .story-body .body-type-grid{gap:4px}
  .scroll-story-ready .story-body .bt-card{transform:scale(.9);transform-origin:center;padding:11px 9px}
  .scroll-story-ready .story-body .bt-media{max-width:112px;margin-bottom:6px}
  .scroll-story-ready .story-body .bt-card b{font-size:12.5px}.scroll-story-ready .story-body .bt-card .bt-hint{font-size:10.5px}
}
/* Meni dostopnosti — na namizju in telefonu je dostopen z desnega roba navigacije. */
.nav-right{position:relative}.nav-accessibility-btn{display:flex;order:10;flex:0 0 34px}
.accessibility-panel{position:fixed;z-index:1000;right:14px;top:66px;width:min(300px,calc(100vw - 28px));padding:15px;border:1px solid #778da9;border-radius:12px;background:#0d1b2a;color:#e0e1dd;box-shadow:0 16px 42px rgba(0,0,0,.42)}
.accessibility-panel[hidden]{display:none}.accessibility-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:15px}.accessibility-panel-head button{width:28px;height:28px;border:1px solid #415a77;border-radius:6px;color:#e0e1dd;font-size:20px}.accessibility-panel p{font-size:12px;line-height:1.45;color:#bac4cf;margin-bottom:11px}.accessibility-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.accessibility-actions button,.accessibility-panel>a{padding:9px;border:1px solid #415a77;border-radius:7px;background:#1b263b;color:#e0e1dd;text-align:left;font-size:12px;font-weight:700}.accessibility-actions button:hover,.accessibility-panel>a:hover{background:#415a77}.accessibility-panel>a{display:block;margin-top:10px;text-align:center}
.accessibility-text{font-size:17px!important}.accessibility-text input,.accessibility-text select,.accessibility-text textarea,.accessibility-text button{font-size:inherit}.accessibility-contrast{--ink:#fff!important;--ink-60:#fff!important;--ink-40:#dbe6f0!important;--surface:#0d1b2a!important;--surface-2:#1b263b!important;--card:#0d1b2a!important;--border:#e0e1dd!important}.accessibility-contrast *:focus-visible,.accessibility-text *:focus-visible{outline:3px solid #e0e1dd!important;outline-offset:3px}.accessibility-reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:640px){.accessibility-panel{top:62px;right:8px}.nav-accessibility-btn{display:flex!important}}
/* Zanesljiv statični prvi frame, če brskalnik še ne naloži canvas zaporedja. */
.home-scroll-video-fallback{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.home-scroll-video-fallback img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.scroll-story-ready .home-scroll-video-media{z-index:1!important;display:block!important}
/* Svetla tema uporablja klasičen uvod brez video/frame ozadja. */
.scroll-story-light .home-scroll-video-media,.scroll-story-light .home-scroll-video-fallback,.scroll-story-light .home-scroll-video-shade,.scroll-story-light .home-hero-bg{display:none!important}
/* Kategorije na strani Oglasi: enake slikovne oznake kot v domačem iskalniku. */
.cat-tabs button.list-category-art{display:inline-flex;align-items:center;justify-content:center;width:58px;height:36px;padding:4px}.cat-tabs button.list-category-art .portal-cat-art{width:42px;height:24px;object-fit:contain}.cat-tabs button.list-category-art.on{background:#415a77}.cat-tabs button.list-category-art.on .portal-cat-art{filter:brightness(1.18)}

/* Samo Domov v temni temi: manj kontrasta, hladnejši modri ton in kakovostno glajenje canvasa. */
html[data-theme="dark"] #page-home .scroll-story-ready .home-scroll-video-media,html[data-theme="dark"] #page-home .scroll-story-ready .home-scroll-video-fallback img{filter:contrast(125%) saturate(108%) hue-rotate(4deg)}
html[data-theme="dark"] #page-home .scroll-story-ready .home-scroll-video-shade{display:block!important;z-index:2;background:rgba(65,90,119,.11)!important;mix-blend-mode:color}

/* Svetla tema: namizno in mobilno ozadje z vozilom v gorah. */
html[data-theme="light"] body{background-color:#dbe4ec;background-image:url('light-bg-desktop.webp');background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
@media(max-width:760px){html[data-theme="light"] body{background-image:url('light-bg-mobile.webp');background-position:center top}}
/* Svetlo ozadje naj bo vidno tudi znotraj domače strani, ne le med robovi dokumenta. */
html[data-theme="light"] #page-home{background:url('light-bg-desktop.webp') center/cover fixed no-repeat}html[data-theme="light"] #page-home .home-scroll-video{background:transparent!important}html[data-theme="light"] #page-home .home-section{background-color:rgba(241,244,245,.78)}
@media(max-width:760px){html[data-theme="light"] #page-home{background-image:url('light-bg-mobile.webp');background-position:center top}.nav-settings-btn{display:flex!important;flex:0 0 34px;width:34px;height:34px}}

/* Svetla domača stran: brez belih podlag, UI je jasen liquid-glass brez blur efekta. */
html[data-theme="glass-legacy"] #page-home .home-section,html[data-theme="glass-legacy"] #page-home .home-section-gray,html[data-theme="glass-legacy"] #page-home .home-scroll-video{background-color:transparent!important}
html[data-theme="glass-legacy"] #page-home .home-search-box,html[data-theme="glass-legacy"] #page-home .bt-card,html[data-theme="glass-legacy"] #page-home .region-wrap,html[data-theme="glass-legacy"] #page-home .how-card,html[data-theme="glass-legacy"] #page-home .why-card,html[data-theme="glass-legacy"] #page-home .portal-category{background:rgba(255,255,255,.018)!important;border-color:rgba(255,255,255,.54)!important;box-shadow:inset 0 0 2px 1px rgba(255,255,255,.5),inset 0 0 8px 3px rgba(255,255,255,.12),.22rem .36rem 0 rgba(0,14,20,.22),.38rem .72rem 1.55rem rgba(0,0,0,.22)!important}
html[data-theme="glass-legacy"] #page-home button,html[data-theme="glass-legacy"] .nav button,html[data-theme="glass-legacy"] .nav a.nav-post-btn{position:relative;isolation:isolate;overflow:hidden;border:2px solid transparent!important;background:rgba(255,255,255,.018)!important;color:#fff!important;text-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(8,38,48,.62),0 5px 8px rgba(0,0,0,.42);box-shadow:inset 0 0 2px 1px rgba(255,255,255,.5),inset 0 0 8px 3px rgba(255,255,255,.12),inset .2rem .28rem .55rem rgba(255,255,255,.08),inset -.18rem -.28rem .55rem rgba(7,20,26,.1),.22rem .36rem 0 rgba(0,14,20,.34),.38rem .72rem 1.55rem rgba(0,0,0,.3)!important;transition:transform .42s cubic-bezier(.2,.8,.2,1)!important}
html[data-theme="glass-legacy"] #page-home button::before,html[data-theme="glass-legacy"] .nav button::before,html[data-theme="glass-legacy"] .nav a.nav-post-btn::before{position:absolute;inset:0;content:"";pointer-events:none;padding:1px 3px 5px 1px;border-radius:inherit;opacity:.78;background:conic-gradient(from 0deg,rgba(255,255,255,0) 0deg 72deg,rgba(225,249,255,.18) 108deg,rgba(255,255,255,1) 135deg,rgba(225,249,255,.18) 162deg,rgba(255,255,255,0) 198deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
@media(hover:hover){html[data-theme="glass-legacy"] #page-home button:hover,html[data-theme="glass-legacy"] .nav button:hover,html[data-theme="glass-legacy"] .nav a.nav-post-btn:hover{transform:perspective(700px) rotateY(-12deg) rotateX(2deg) rotateZ(-.5deg) translateY(-5px) scale(1.04)}}
/* Prvi hero nima dodatnega sloja med gorskim ozadjem in UI. */
html[data-theme="glass-legacy"] #page-home .home-hero,html[data-theme="glass-legacy"] #page-home .home-scroll-video{background:transparent!important}html[data-theme="glass-legacy"] #page-home .home-scroll-video-shade,html[data-theme="glass-legacy"] #page-home .home-hero-bg,html[data-theme="glass-legacy"] #page-home .home-scroll-video-fallback{display:none!important}

/* Enoten prosojen slog: vsi kontrolniki so kot kartice tipov vozil, brez belih polnil. */
html[data-theme="glass-legacy"] .nav{background:rgba(10,29,47,.22)!important;border-color:rgba(255,255,255,.48)!important}html[data-theme="glass-legacy"] #page-home .home-search-box{background:rgba(10,29,47,.16)!important}
html[data-theme="glass-legacy"] #page-home button,html[data-theme="glass-legacy"] .nav button,html[data-theme="glass-legacy"] .nav a.nav-post-btn,html[data-theme="glass-legacy"] #page-home .hsb-select,html[data-theme="glass-legacy"] #page-home .hsb-input{border:1px solid rgba(255,255,255,.56)!important;border-radius:8px!important;background:rgba(10,35,55,.24)!important;color:#fff!important;text-shadow:none!important;box-shadow:0 5px 16px rgba(0,16,30,.24)!important;transform:none!important}
html[data-theme="glass-legacy"] #page-home button::before,html[data-theme="glass-legacy"] .nav button::before,html[data-theme="glass-legacy"] .nav a.nav-post-btn::before{display:none!important}html[data-theme="glass-legacy"] #page-home button:hover,html[data-theme="glass-legacy"] .nav button:hover,html[data-theme="glass-legacy"] .nav a.nav-post-btn:hover{background:rgba(35,75,108,.40)!important;transform:translateY(-2px)!important}html[data-theme="glass-legacy"] #page-home .hsb-select option{background:#1b263b;color:#fff}
/* Iščem/Prodajam in Nakup/Najem uporabljajo povsem enake kartice kot kategorije vozil. */
html[data-theme="glass-legacy"] #page-home .hsb-tabs,html[data-theme="glass-legacy"] #page-home .portal-purpose{display:flex;gap:8px;padding:0;background:transparent!important;border:0!important;border-radius:0!important}html[data-theme="glass-legacy"] #page-home .hsb-tab,html[data-theme="glass-legacy"] #page-home .portal-purpose button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px!important;background:rgba(10,35,55,.24)!important;border:1px solid rgba(255,255,255,.56)!important;border-radius:8px!important;box-shadow:0 5px 16px rgba(0,16,30,.24)!important}html[data-theme="glass-legacy"] #page-home .hsb-tab.on,html[data-theme="glass-legacy"] #page-home .portal-purpose button.on{background:rgba(35,75,108,.40)!important;border-color:rgba(255,255,255,.8)!important;box-shadow:0 5px 18px rgba(0,16,30,.30)!important}
/* Svetla tema: oznake so v samih kontrolnikih, nad njimi ni dodatne vrstice besedila. */
html[data-theme="glass-legacy"] #page-home .hsb-field label{display:none}html[data-theme="glass-legacy"] #page-home .hsb-more-toggle{min-width:142px;justify-content:center;white-space:nowrap}
/* Berljivost nad svetlim fotografskim ozadjem — temen, vendar še vedno prosojen glass. */
html[data-theme="glass-legacy"] #page-home .home-section-title,html[data-theme="glass-legacy"] #page-home .home-section-sub,html[data-theme="glass-legacy"] #page-home .bt-card b,html[data-theme="glass-legacy"] #page-home .bt-card .bt-hint,html[data-theme="glass-legacy"] #page-home .region-wrap,html[data-theme="glass-legacy"] #page-home .damage-text,html[data-theme="glass-legacy"] #page-home .how-card h3,html[data-theme="glass-legacy"] #page-home .how-card p{color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.8)}
html[data-theme="glass-legacy"] #page-home .bt-card,html[data-theme="glass-legacy"] #page-home .region-wrap,html[data-theme="glass-legacy"] #page-home .how-card,html[data-theme="glass-legacy"] #page-home .why-card{background:rgba(5,22,38,.42)!important}html[data-theme="glass-legacy"] #page-home .bt-card .bt-hint{color:rgba(255,255,255,.78)!important}
/* Povezave sekcij in zaključni CTA so besedilne povezave brez okvirja. */
html[data-theme="glass-legacy"] #page-home .home-section-link,html[data-theme="glass-legacy"] #page-home .cta-primary{border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.85)!important;padding:6px!important}html[data-theme="glass-legacy"] #page-home .home-section-link:hover,html[data-theme="glass-legacy"] #page-home .cta-primary:hover{transform:none!important;background:transparent!important;text-decoration:underline}
/* Bolj profesionalna tipografija in zaključni stekleni sklop spodaj na domači strani. */
html[data-theme="glass-legacy"] #page-home .damage-text h2{font-size:32px;line-height:1.08;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8)}html[data-theme="glass-legacy"] #page-home .damage-text>p{line-height:1.65;color:rgba(255,255,255,.92)!important}html[data-theme="glass-legacy"] #page-home .damage-kicker{background:rgba(10,35,55,.38)!important;border:1px solid rgba(255,255,255,.48);color:#fff!important}html[data-theme="glass-legacy"] #page-home .damage-list{gap:8px}html[data-theme="glass-legacy"] #page-home .damage-list b{color:#fff!important}html[data-theme="glass-legacy"] #page-home .damage-list span{color:rgba(255,255,255,.84)!important}
html[data-theme="glass-legacy"] #page-home #sec-why .home-section-head{padding:16px 18px;margin-bottom:18px;border-left:3px solid #78a8ce;background:linear-gradient(90deg,rgba(5,22,38,.40),transparent);border-radius:0 12px 12px 0}html[data-theme="glass-legacy"] #page-home .why-card{padding:20px;background:rgba(5,22,38,.48)!important;border-color:rgba(255,255,255,.48)!important}html[data-theme="glass-legacy"] #page-home .why-ico{background:rgba(111,166,199,.28)!important;color:#dcefff!important;border:1px solid rgba(255,255,255,.42)}html[data-theme="glass-legacy"] #page-home .why-card h3{color:#fff!important;font-size:15px;line-height:1.3;text-shadow:0 2px 5px rgba(0,0,0,.8)}html[data-theme="glass-legacy"] #page-home .why-card p{color:rgba(255,255,255,.9)!important;line-height:1.6}
/* Zaključni prodajni poziv: miren modri glass panel namesto zelenega gradienta. */
html[data-theme="glass-legacy"] #page-home .home-cta{padding:24px 28px;background:rgba(5,25,43,.52)!important;border:1px solid rgba(255,255,255,.55);border-radius:16px;box-shadow:0 16px 34px rgba(0,10,22,.28)}html[data-theme="glass-legacy"] #page-home .home-cta::after{display:none}html[data-theme="glass-legacy"] #page-home .home-cta-art{width:112px;padding:12px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:rgba(99,163,199,.16);color:#dcefff}html[data-theme="glass-legacy"] #page-home .home-cta-text h2{color:#fff!important;font-size:28px;text-shadow:0 2px 5px rgba(0,0,0,.8)}html[data-theme="glass-legacy"] #page-home .home-cta-text p{color:rgba(255,255,255,.9)!important}html[data-theme="glass-legacy"] #page-home .home-cta-actions .cta-primary,html[data-theme="glass-legacy"] #page-home .home-cta-actions .cta-ghost{padding:11px 16px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:9px!important;background:rgba(25,70,101,.38)!important;box-shadow:0 6px 16px rgba(0,10,22,.28)!important;text-decoration:none!important}html[data-theme="glass-legacy"] #page-home .home-cta-actions .cta-primary:hover,html[data-theme="glass-legacy"] #page-home .home-cta-actions .cta-ghost:hover{background:rgba(60,112,149,.48)!important;transform:translateY(-3px)!important}
/* Zakaj AvtoHub: odstrani tople poudarjene črte nad karticami. */
html[data-theme="glass-legacy"] #page-home #sec-why .why-card::before{display:none!important}
/* Svetla tema: footer se nadaljuje kot temen prosojen stekleni pas nad istim ozadjem. */
html[data-theme="glass-legacy"] .site-footer{background:rgba(5,22,38,.62)!important;border-top:1px solid rgba(255,255,255,.42)!important;box-shadow:0 -12px 30px rgba(0,10,22,.20)}html[data-theme="glass-legacy"] .site-footer .footer-logo,html[data-theme="glass-legacy"] .site-footer .footer-col h2{color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.8)}html[data-theme="glass-legacy"] .site-footer .footer-tagline,html[data-theme="glass-legacy"] .site-footer .footer-col a,html[data-theme="glass-legacy"] .site-footer .footer-col button,html[data-theme="glass-legacy"] .site-footer .footer-bottom,html[data-theme="glass-legacy"] .site-footer .footer-bottom a{color:rgba(255,255,255,.86)!important}html[data-theme="glass-legacy"] .site-footer .footer-col a:hover,html[data-theme="glass-legacy"] .site-footer .footer-col button:hover,html[data-theme="glass-legacy"] .site-footer .footer-bottom a:hover{color:#fff!important;text-decoration:underline}.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.22)!important}
/* Pripravljeni na prodajo: uporabimo belo silhueto istega Coupé vozila kot v karoserijah. */
html[data-theme="glass-legacy"] #page-home .home-cta-art svg{display:none}html[data-theme="glass-legacy"] #page-home .home-cta-art::before{content:"";display:block;width:100%;height:78px;background:url('body-coupe.webp?v=20260821-v2') center/contain no-repeat;filter:grayscale(1) brightness(3.1) contrast(.72) drop-shadow(0 5px 7px rgba(0,0,0,.36));opacity:.96}
/* Svetla tema: navigacija kot temno moder, prosojen glass pas. */
html[data-theme="glass-legacy"] .nav{background:rgba(5,25,43,.50)!important;border-bottom:1px solid rgba(255,255,255,.48)!important;box-shadow:0 7px 20px rgba(0,10,22,.22)}html[data-theme="glass-legacy"] .nav-logo{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.7)}html[data-theme="glass-legacy"] .nav-logo em{color:#a9d3ee!important}html[data-theme="glass-legacy"] .nav-link{color:rgba(255,255,255,.9)!important;text-shadow:0 1px 3px rgba(0,0,0,.7)}html[data-theme="glass-legacy"] .nav-link:hover,html[data-theme="glass-legacy"] .nav-link.on{background:rgba(79,132,168,.34)!important;color:#fff!important}html[data-theme="glass-legacy"] .nav-right .nav-post-btn,html[data-theme="glass-legacy"] .nav-right .nav-settings-btn,html[data-theme="glass-legacy"] .nav-right .nav-accessibility-btn,html[data-theme="glass-legacy"] #nav-user-area .nav-link{background:rgba(21,63,92,.42)!important;border:1px solid rgba(255,255,255,.48)!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,10,22,.25)!important}html[data-theme="glass-legacy"] .nav-right .nav-post-btn:hover,html[data-theme="glass-legacy"] .nav-right .nav-settings-btn:hover,html[data-theme="glass-legacy"] .nav-right .nav-accessibility-btn:hover,html[data-theme="glass-legacy"] #nav-user-area .nav-link:hover{background:rgba(72,124,161,.52)!important;transform:translateY(-2px)!important}
/* Vse besedilo in kartice spodnjih razdelkov ostanejo čitljivi nad fotografijo. */
html[data-theme="glass-legacy"] #page-home .home-section{color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.85)}html[data-theme="glass-legacy"] #page-home .home-section p,html[data-theme="glass-legacy"] #page-home .home-section span,html[data-theme="glass-legacy"] #page-home .home-section small,html[data-theme="glass-legacy"] #page-home .home-section li{color:rgba(255,255,255,.92)!important;text-shadow:0 2px 5px rgba(0,0,0,.85)}html[data-theme="glass-legacy"] #page-home .how-card,html[data-theme="glass-legacy"] #page-home .how-art{background:rgba(5,22,38,.42)!important}html[data-theme="glass-legacy"] #page-home .region-map .rm-pin text{fill:#fff!important;paint-order:stroke;stroke:rgba(0,0,0,.75);stroke-width:2px}html[data-theme="glass-legacy"] #page-home .region-note{color:#fff!important}
/* Svetla tema: enotna hover animacija vseh gumbov in okvirjev. */
html[data-theme="glass-legacy"] #page-home button,html[data-theme="glass-legacy"] #page-home .bt-card,html[data-theme="glass-legacy"] #page-home .how-card,html[data-theme="glass-legacy"] #page-home .why-card,html[data-theme="glass-legacy"] #page-home .region-wrap,html[data-theme="glass-legacy"] #page-home .home-search-box{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important}@media(hover:hover){html[data-theme="glass-legacy"] #page-home button:hover,html[data-theme="glass-legacy"] #page-home .bt-card:hover,html[data-theme="glass-legacy"] #page-home .how-card:hover,html[data-theme="glass-legacy"] #page-home .why-card:hover,html[data-theme="glass-legacy"] #page-home .region-wrap:hover,html[data-theme="glass-legacy"] #page-home .home-search-box:hover{transform:translateY(-4px)!important;border-color:rgba(255,255,255,.9)!important;box-shadow:0 14px 28px rgba(0,12,25,.34)!important}}
/* Zemljevid: obe cestni črti sta modri; črtkana je le malo svetlejša. */
html[data-theme="glass-legacy"] #page-home .region-map .rm-roads{stroke:#4d82ae!important;stroke-opacity:.9}html[data-theme="glass-legacy"] #page-home .region-map .rm-roads-dash{stroke:#74a3c7!important;stroke-opacity:1}
/* Ilustracije treh korakov in poškodb: namesto bele polnitve imajo modrikast liquid-glass videz. */
html[data-theme="glass-legacy"] #page-home .how-art .hw-fill{fill:rgba(12,39,61,.52)!important}html[data-theme="glass-legacy"] #page-home .how-art .hw-fill-2{fill:rgba(119,174,205,.26)!important}html[data-theme="glass-legacy"] #page-home .how-art .hw-fill-accent{fill:rgba(174,151,81,.32)!important}html[data-theme="glass-legacy"] #page-home .how-art .hw-mute{stroke:rgba(210,235,250,.72)!important}
html[data-theme="glass-legacy"] #page-home .damage-art .dm-body{fill:rgba(12,39,61,.38)!important}html[data-theme="glass-legacy"] #page-home .damage-art .dm-roof,html[data-theme="glass-legacy"] #page-home .damage-art .dm-glass{fill:rgba(147,202,232,.22)!important}html[data-theme="glass-legacy"] #page-home .damage-art .dm-mirror{fill:rgba(12,39,61,.38)!important}html[data-theme="glass-legacy"] #page-home .damage-text{padding:20px;border:1px solid rgba(255,255,255,.52);border-radius:14px;background:rgba(5,22,38,.34);box-shadow:0 12px 28px rgba(0,10,22,.25)}
/* Vsi oglasi, Vsa Slovenija in Začni zdaj: samo nežen dvig brez okvirja ali podčrtaja. */
html[data-theme="glass-legacy"] #page-home .home-section-link,html[data-theme="glass-legacy"] #page-home .cta-primary{border:0!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;transition:transform .18s ease!important}html[data-theme="glass-legacy"] #page-home .home-section-link::before,html[data-theme="glass-legacy"] #page-home .cta-primary::before{display:none!important}@media(hover:hover){html[data-theme="glass-legacy"] #page-home .home-section-link:hover,html[data-theme="glass-legacy"] #page-home .cta-primary:hover{transform:translateY(-3px)!important;border:0!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important}}

/* VIN preverjanje znotraj glavnega AvtoHub vmesnika */
.vin-page-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:42px 0 80px;color:var(--ink)}
.vin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.vin-page-head h1{font-family:'Instrument Serif',serif;font-size:clamp(38px,5vw,62px);font-weight:400;line-height:1;margin:6px 0 10px;letter-spacing:0}
.vin-page-head p{max-width:680px;margin:0;color:var(--ink-60);font-size:15px;line-height:1.6}
.vin-eyebrow{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.vin-head-vehicles,.profile-vehicles-head>button{border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:6px;padding:11px 15px;font-weight:700;white-space:nowrap;cursor:pointer}
.vin-workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);gap:16px;align-items:start}
.vin-input-panel,.vin-side-panel,.vin-progress-card,.vin-result-card{border:1px solid var(--border);background:var(--card);border-radius:8px}
.vin-input-panel,.vin-side-panel{padding:24px}
.vin-panel-title{display:flex;align-items:flex-start;gap:12px}.vin-panel-title>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:800;flex:0 0 auto}
.vin-panel-title h2,.vin-side-panel h2,.vin-result-head h2{margin:0;color:var(--ink);font-size:18px;letter-spacing:0}.vin-panel-title p{margin:3px 0 0;color:var(--ink-60);font-size:13px}
.vin-mode-tabs{display:flex;gap:4px;margin:22px 0 16px;padding:4px;background:var(--surface-2);border-radius:7px}
.vin-mode-tabs button{flex:1;min-height:40px;border:0;border-radius:5px;background:transparent;color:var(--ink-60);font:inherit;font-weight:700;cursor:pointer}.vin-mode-tabs button.on{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(47,95,115,.3)}
.vin-mode-pane>label{display:block;margin-bottom:7px;color:var(--ink);font-size:12px;font-weight:800;text-transform:uppercase}
.vin-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.vin-input-row input{min-width:0;height:48px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink);padding:0 14px;font:700 17px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.vin-input-row input:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.vin-input-row input[aria-invalid=true]{border-color:#d9685d}
.vin-input-row button,.vin-photo-scan,.vin-confirm-box button,.vin-result-actions button,.vin-progress-actions button{min-height:44px;border:1px solid var(--border-2);border-radius:8px;background:var(--surface-2);color:var(--ink);padding:0 16px;font:inherit;font-weight:800;cursor:pointer}.vin-input-row button.primary,.vin-photo-scan.primary,.vin-confirm-box button.primary,.vin-result-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.vin-input-row button.primary:hover,.vin-photo-scan.primary:hover,.vin-confirm-box button.primary:hover,.vin-result-actions button.primary:hover{background:var(--accent-dark)}.vin-input-row button:focus-visible,.vin-photo-scan:focus-visible,.vin-confirm-box button:focus-visible,.vin-result-actions button:focus-visible,.vin-progress-actions button:focus-visible,.vin-mode-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.vin-mode-pane>small{display:block;margin-top:8px;color:var(--ink-40);font-size:11px;line-height:1.5}
.vin-photo-drop{display:flex!important;min-height:170px;margin:0!important;border:1.5px dashed var(--border-2);border-radius:7px;background:var(--surface-2);align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;cursor:pointer;text-transform:none!important}.vin-photo-drop input{position:absolute;opacity:0;pointer-events:none}.vin-photo-drop b{font-size:14px}.vin-photo-drop small{max-width:420px;color:var(--ink-40);font-size:12px;font-weight:400;text-transform:none}.vin-camera-icon{font-size:25px;color:var(--accent)}
.vin-photo-preview{position:relative;margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#0a1118}.vin-photo-preview img{display:block;width:100%;max-height:320px;object-fit:contain}.vin-photo-preview button{position:absolute;top:9px;right:9px;border:1px solid rgba(255,255,255,.35);border-radius:5px;background:rgba(8,17,25,.82);color:#fff;padding:7px 10px;cursor:pointer}.vin-photo-scan{width:100%;margin-top:10px}.vin-photo-scan:disabled{opacity:.55;cursor:not-allowed}
.vin-confirm-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--accent) 8%,var(--card))}.vin-confirm-box div{min-width:0}.vin-confirm-box span,.vin-confirm-box small{display:block;color:var(--ink-60);font-size:11px}.vin-confirm-box strong{display:block;margin:4px 0;color:var(--ink);font:800 17px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;word-break:break-all}
.vin-privacy-note{margin-top:18px;padding-top:15px;border-top:1px solid var(--border);color:var(--ink-60);font-size:11px;line-height:1.5}.vin-privacy-note b{color:var(--ink)}
.vin-side-panel h2{margin-bottom:14px}.vin-side-panel ul{margin:0;padding-left:19px;color:var(--ink);font-size:13px;line-height:1.6}.vin-side-panel li+li{margin-top:8px}.vin-side-panel p{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--border);color:var(--ink-60);font-size:12px;line-height:1.55}
.vin-progress-card,.vin-result-card{margin-top:16px;padding:24px}.vin-progress-line{height:4px;margin:20px 0;border-radius:4px;overflow:hidden;background:var(--surface-2)}.vin-progress-line i{display:block;width:32%;height:100%;background:var(--accent);animation:vin-progress-slide 1.4s ease-in-out infinite}@keyframes vin-progress-slide{0%{transform:translateX(-110%)}100%{transform:translateX(420%)}}
.vin-progress-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0;padding:0;list-style:none}.vin-progress-steps li{display:flex;align-items:flex-start;gap:7px;color:var(--ink-40);font-size:11px;line-height:1.35}.vin-progress-steps i{width:9px;height:9px;margin-top:2px;border:1px solid var(--border-2);border-radius:50%;flex:0 0 auto}.vin-progress-steps li.on{color:var(--ink);font-weight:700}.vin-progress-steps li.on i{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.vin-progress-steps li.done i{border-color:#2fa674;background:#2fa674}
.vin-progress-actions,.vin-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.vin-progress-actions button{height:40px}
.vin-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.vin-result-head h2{font-size:25px;margin:4px 0 5px}.vin-result-head p{margin:0;color:var(--ink-60);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.vin-status-badge{border:1px solid #d4a72c;border-radius:999px;background:rgba(212,167,44,.12);color:#c49018;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.vin-status-badge.error{border-color:#d9685d;background:rgba(217,104,93,.12);color:#d9685d}.vin-status-badge.partial{border-color:#2fa674;background:rgba(47,166,116,.12);color:#2fa674}
.vin-data-group{padding-top:20px}.vin-data-group h3{margin:0 0 10px;color:var(--ink-60);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.vin-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vin-data-field{min-width:0;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2)}.vin-data-field-warning{border-color:#d4a72c;background:rgba(212,167,44,.10)}.vin-data-field>span{display:block;color:var(--ink-40);font-size:10px;text-transform:uppercase}.vin-data-field>strong{display:block;margin:4px 0 7px;color:var(--ink);font-size:14px;word-break:break-word}.vin-data-field>small{display:flex;gap:5px;color:var(--ink-40);font-size:9px;line-height:1.35}.vin-data-field>small i{width:6px;height:6px;margin-top:3px;border-radius:50%;background:#d4a72c;flex:0 0 auto}.vin-result-warning,.vin-empty-result{margin-top:20px;padding:14px;border-left:3px solid #d4a72c;background:rgba(212,167,44,.08);color:var(--ink-60);font-size:12px;line-height:1.55}
.profile-vehicles-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.profile-vehicles-head h3{margin:0;color:var(--ink);font-size:18px}.profile-vehicles-head p{margin:4px 0 0;color:var(--ink-60);font-size:12px}.profile-vehicles-list{display:grid;gap:9px}.profile-vehicle-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2)}.profile-vehicle-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:6px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-size:11px;font-weight:900}.profile-vehicle-main>span{color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase}.profile-vehicle-main h4{margin:3px 0;color:var(--ink);font-size:15px}.profile-vehicle-main p,.profile-vehicle-main small{margin:0;color:var(--ink-60);font-size:11px}.profile-vehicle-main small{display:block;margin-top:4px}.profile-vehicle-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.profile-vehicle-actions button{min-height:34px;border:1px solid var(--border);border-radius:5px;background:var(--card);color:var(--ink);padding:0 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.profile-vehicle-actions button.danger{border-color:rgba(217,104,93,.45);color:#d9685d}.vin-list-empty{display:flex;min-height:130px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px dashed var(--border);border-radius:7px;color:var(--ink-60);font-size:12px;text-align:center}.vin-list-empty b{color:var(--ink);font-size:14px}
@media(max-width:900px){.vin-workspace{grid-template-columns:1fr}.vin-side-panel{display:none}.vin-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vin-progress-steps{grid-template-columns:1fr 1fr}.nav-center #nb-vin{display:none}}
@media(max-width:620px){.vin-page-wrap{width:min(100% - 24px,1180px);padding:24px 0 90px}.vin-page-head{align-items:flex-start;flex-direction:column}.vin-page-head h1{font-size:42px}.vin-head-vehicles{width:100%}.vin-input-panel,.vin-progress-card,.vin-result-card{padding:16px}.vin-input-row{grid-template-columns:1fr}.vin-input-row button{width:100%}.vin-confirm-box{align-items:stretch;flex-direction:column}.vin-confirm-box button{width:100%}.vin-data-grid{grid-template-columns:1fr}.vin-progress-steps{grid-template-columns:1fr}.vin-result-head{flex-direction:column}.vin-result-actions{display:grid}.vin-result-actions button{width:100%}.profile-vehicles-head{flex-direction:column}.profile-vehicles-head>button{width:100%}.profile-vehicle-card{grid-template-columns:40px minmax(0,1fr)}.profile-vehicle-icon{width:40px;height:40px}.profile-vehicle-actions{grid-column:1/-1;justify-content:stretch}.profile-vehicle-actions button{flex:1}}

/* Enoten izgled javnih podstrani */
.public-page-body{display:flex;min-height:100vh;flex-direction:column;background:var(--grad-surface);color:var(--ink)}
.public-header{position:sticky;z-index:100;top:0;border-bottom:1px solid var(--border);background:var(--grad-nav);backdrop-filter:blur(18px)}
.public-nav{display:flex;width:min(1180px,calc(100% - 40px));min-height:64px;margin:0 auto;align-items:center;gap:14px}
.public-brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-family:'Instrument Serif',serif;font-size:23px;white-space:nowrap}.public-brand img{width:34px;height:34px;border-radius:8px}.public-brand em{color:var(--accent);font-style:normal}
.public-nav-links{display:flex;align-items:center;gap:3px;margin-left:auto}.public-nav-links a{padding:9px 11px;border-radius:7px;color:var(--ink-60);font-size:13px;font-weight:700}.public-nav-links a:hover,.public-nav-links a[aria-current=page]{background:var(--surface-2);color:var(--ink)}
.public-theme-toggle,.public-menu-toggle{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);font-size:17px}.public-menu-toggle{display:none}
.public-page-body>.seo-page,.public-page-body>.legal-wrap{width:min(880px,calc(100% - 40px));max-width:none;margin:0 auto;padding:52px 0 72px;flex:1}.public-page-body>.seo-page h1,.public-page-body>.legal-wrap h1{font-family:'Instrument Serif',serif;font-size:clamp(38px,5vw,54px);font-weight:400;letter-spacing:0}.public-page-body>.seo-page h2,.public-page-body>.legal-wrap h2{padding-top:8px;border-top:1px solid var(--border);font-size:19px}.public-page-body>.seo-page p,.public-page-body>.seo-page li,.public-page-body>.legal-wrap p,.public-page-body>.legal-wrap li{color:var(--ink-60)}
.public-page-body .legal-back{background:var(--accent)!important;color:#fff!important}.public-page-body .legal-warning{border-color:var(--accent2)!important;background:var(--accent2-light)!important;color:var(--ink)!important}.public-page-body .legal-company,.public-page-body .seo-contact-box{border-color:var(--border);background:var(--card)}
.public-footer{margin-top:auto;border-top:1px solid var(--border);background:#0d1b2a;color:#e0e1dd}.public-footer-grid{display:grid;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:38px 0 30px;grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(130px,1fr));gap:34px}.public-footer-brand p{max-width:310px;margin-top:14px;color:#aebdca;font-size:13px;line-height:1.6}.public-footer .public-brand{color:#fff}.public-footer nav{display:flex;flex-direction:column;gap:9px}.public-footer h2{margin:0 0 4px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.public-footer nav a{color:#aebdca;font-size:13px}.public-footer nav a:hover{color:#fff}.public-footer-bottom{display:flex;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:16px 0 22px;justify-content:space-between;border-top:1px solid #27394b;color:#8192a2;font-size:12px}.public-footer-bottom a{color:#b8c6d2}
@media(max-width:760px){.public-nav{width:min(100% - 24px,1180px);min-height:58px}.public-menu-toggle{display:grid;margin-left:auto}.public-nav-links{display:none;position:absolute;top:58px;right:12px;left:12px;margin:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 14px 34px rgba(0,0,0,.18)}.public-nav-links.show{display:grid}.public-nav-links a{padding:11px 12px}.public-page-body>.seo-page,.public-page-body>.legal-wrap{width:min(100% - 28px,880px);padding:34px 0 56px}.public-footer-grid{width:min(100% - 28px,1180px);grid-template-columns:1fr 1fr;gap:28px 18px}.public-footer-brand{grid-column:1/-1}.public-footer-bottom{width:min(100% - 28px,1180px);gap:8px;flex-direction:column}}

/* v181: javne podstrani uporabljajo isto svetlo lupino in isti footer kot domaca stran. */
html[data-theme="light"] body.public-page-body{background:#fff!important;color:#253031}
html[data-theme="light"] .public-header{border-bottom:1px solid rgba(37,48,49,.12);background:rgba(255,255,255,.96)!important;box-shadow:none;backdrop-filter:blur(16px)}
html[data-theme="light"] .public-brand{color:#1d2a2b!important;text-shadow:none}
html[data-theme="light"] .public-brand em{color:#20648a!important}
html[data-theme="light"] .public-nav-links a{color:#4d5f61!important}
html[data-theme="light"] .public-nav-links a:hover,
html[data-theme="light"] .public-nav-links a[aria-current="page"]{background:#eef2f5!important;color:#1d2a2b!important}
html[data-theme="light"] .public-menu-toggle{border-color:rgba(29,42,43,.14);background:#eef2f5;color:#3a4a4c}
html[data-theme="light"] .public-page-body>.seo-page,
html[data-theme="light"] .public-page-body>.legal-wrap,
html[data-theme="light"] .public-page-body>.credit-page,
html[data-theme="light"] .public-page-body>.vin-tool{background:#fff;color:#253031}
html[data-theme="light"] .public-page-body :is(.seo-page,.legal-wrap,.credit-page,.vin-tool) h1,
html[data-theme="light"] .public-page-body :is(.seo-page,.legal-wrap,.credit-page,.vin-tool) h2{color:#1d2a2b;text-shadow:none}
html[data-theme="light"] .public-page-body :is(.seo-page,.legal-wrap,.credit-page,.vin-tool) :is(p,li,.legal-date,.vin-intro,.vin-note){color:#4d5f61}
html[data-theme="light"] .public-page-body :is(.seo-cta,.legal-back,.vin-btn:not(.vin-secondary)){border-color:#58738f!important;background:#58738f!important;color:#fff!important}
html[data-theme="light"] .public-page-body :is(.seo-cta,.legal-back,.vin-btn:not(.vin-secondary)):hover{border-color:#48627c!important;background:#48627c!important}
html[data-theme="light"] .public-page-body .seo-cta.secondary{border:1px solid #bdcad7!important;background:#fff!important;color:#40566d!important}
html[data-theme="light"] .public-page-body .site-footer{width:100%;margin-top:auto;background:#fff!important;border-top:1px solid rgba(37,48,49,.12)!important}
html[data-theme="light"] .public-page-body .site-footer .footer-inner,
html[data-theme="light"] .public-page-body .site-footer .footer-bottom{width:min(1100px,calc(100% - 48px))}
html[data-theme="light"] .public-page-body .site-footer .footer-logo{color:#1d2a2b!important}
html[data-theme="light"] .public-page-body .site-footer .footer-logo em{color:#20648a!important}
html[data-theme="light"] .public-page-body .site-footer .footer-col h2{color:#7a6a3e!important}
html[data-theme="light"] .public-page-body .site-footer :is(.footer-tagline,.footer-col a,.footer-bottom,.footer-bottom a){color:#3a4a4c!important}
html[data-theme="light"] .public-page-body .site-footer :is(.footer-col a,.footer-bottom a):hover{color:#1d2a2b!important;text-decoration:underline}
html[data-theme="light"] .public-page-body .vin-card,
html[data-theme="light"] .public-page-body .vin-modal-card{border-color:#d5dde3;background:#fff;color:#253031;box-shadow:0 10px 28px rgba(20,35,45,.08)}
html[data-theme="light"] .public-page-body .vin-drop{border-color:#9fb0bf;background:#f7f9fa;color:#253031}
html[data-theme="light"] .public-page-body .vin-card :is(input,select),
html[data-theme="light"] .public-page-body .vin-modal input{border-color:#bdcad7;background:#fff;color:#253031}
html[data-theme="light"] .public-page-body .vehicle-data{border-color:#bdcad7;background:#edf2f7;color:#253031}
html[data-theme="light"] .public-page-body .vehicle-field{background:#fff}
html[data-theme="light"] .public-page-body .vehicle-field span{color:#4d5f61}
@media(max-width:760px){
  html[data-theme="light"] .public-nav-links{background:#fff!important}
  html[data-theme="light"] .public-page-body .site-footer .footer-inner,
  html[data-theme="light"] .public-page-body .site-footer .footer-bottom{width:min(100% - 32px,1100px)}
}

/* v98 je namenoma samo popravek prosojnosti. Fotografija, postavitev in barvna
   kombinacija svetlega nacina ostajajo taksne kot pred v97. */
html[data-theme="light"] #page-home .home-search-box{background:rgba(10,29,47,.72)!important}
html[data-theme="light"] #page-home .bt-card,
html[data-theme="light"] #page-home .portal-category,
html[data-theme="light"] #page-home .region-wrap,
html[data-theme="light"] #page-home .how-card,
html[data-theme="light"] #page-home .why-card{background:rgba(5,22,38,.68)!important}
html[data-theme="light"] #page-home .hsb-select,
html[data-theme="light"] #page-home .hsb-input,
html[data-theme="light"] #page-home .hsb-tab,
html[data-theme="light"] #page-home .portal-purpose button{background:rgba(10,35,55,.78)!important}

/* Stabilen preklop tem: brez vmesnega utripanja ali počasnega barvnega prelivanja. */
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important}
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}

/* v98: obdrži prvotno svetlo fotografsko ozadje, steklene površine pa naj bodo
   dovolj polne, da vsebina ostane mirna in berljiva. */
html[data-theme="light"] #page-home .home-search-box{background:rgba(10,29,47,.72)!important}
html[data-theme="light"] #page-home .bt-card,
html[data-theme="light"] #page-home .portal-category,
html[data-theme="light"] #page-home .region-wrap,
html[data-theme="light"] #page-home .how-card,
html[data-theme="light"] #page-home .why-card{background:rgba(5,22,38,.68)!important}
html[data-theme="light"] #page-home .hsb-select,
html[data-theme="light"] #page-home .hsb-input,
html[data-theme="light"] #page-home .hsb-tab,
html[data-theme="light"] #page-home .portal-purpose button{background:rgba(10,35,55,.78)!important}
.bt-motor-svg{width:100%;height:100%;color:var(--accent)}
[data-theme="dark"] .bt-motor-svg{color:#9dbfd4}

/* Svetla domača stran. Temni video ostane komaj viden kot ozadje, vsebina pa uporablja isto svetlo paleto kot pravne strani. */
html[data-theme="light"] body{background:
  linear-gradient(135deg,rgba(47,95,115,.06) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(45deg,rgba(141,124,76,.04) 1px,transparent 1px) 0 0/68px 68px,
  var(--grad-surface)!important;color:var(--ink)!important}
html[data-theme="light"] .nav,html[data-theme="light"] .mobile-menu{background:var(--grad-nav)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="light"] .nav-link{color:var(--ink-60)}
html[data-theme="light"] .nav-link:hover,html[data-theme="light"] .nav-link.on{background:var(--surface-2);color:var(--ink)}
html[data-theme="light"] .nav-logo{color:var(--ink)}
html[data-theme="light"] .nav-settings-btn{background:var(--card);border-color:var(--border);color:var(--ink)}
html[data-theme="light"] .home-scroll-video{background:var(--grad-surface)!important}
html[data-theme="light"] .home-scroll-video-media,html[data-theme="light"] .scroll-story-ready .home-scroll-video-media{opacity:.14!important;filter:grayscale(.25) saturate(.65) contrast(.8) brightness(1.65)!important}
html[data-theme="light"] .home-scroll-video-shade{display:block!important;background:linear-gradient(90deg,rgba(241,244,245,.9),rgba(241,244,245,.72) 52%,rgba(241,244,245,.88)),linear-gradient(0deg,rgba(226,231,232,.9),rgba(255,255,255,.36) 58%)!important}
html[data-theme="light"] .home-hero-title{color:var(--ink)}
html[data-theme="light"] .home-hero-title em{color:var(--accent)}
html[data-theme="light"] .home-hero-sub{color:var(--ink-60)}
html[data-theme="light"] .home-search-box{background:rgba(255,255,255,.96);border-color:var(--border-2);box-shadow:var(--shadow-card-hover)}
html[data-theme="light"] .hsb-tabs,html[data-theme="light"] .portal-purpose{background:var(--surface-2);border-color:var(--border)}
html[data-theme="light"] .hsb-tab,html[data-theme="light"] .portal-purpose button{color:var(--ink-60)}
html[data-theme="light"] .hsb-tab.on,html[data-theme="light"] .portal-purpose button.on{background:var(--card);color:var(--ink);box-shadow:0 2px 8px rgba(33,44,45,.08)}
html[data-theme="light"] .portal-category{background:var(--card);border-color:var(--border);color:var(--ink)}
html[data-theme="light"] .portal-category.on{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark)}
html[data-theme="light"] .hsb-select,html[data-theme="light"] .hsb-input{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="light"] .hsb-select:focus,html[data-theme="light"] .hsb-input:focus{background:#fff!important;border-color:var(--accent)!important}
html[data-theme="light"] .hsb-select option{background:#fff;color:var(--ink)}
html[data-theme="light"] .hsb-field label{color:var(--ink-60)}
html[data-theme="light"] .home-section-gray,html[data-theme="light"] .how-art,html[data-theme="light"] .home-pulse-section,html[data-theme="light"] #sec-why{background:var(--surface-2)!important}

/* Končna prednost za svetlo navigacijo: nadomesti privzeto belo vrstico. */
html[data-theme="light"] body .nav,html[data-theme="light"] body .nav.is-scrolled{background:transparent!important;background-color:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.48)!important;color:#fff!important;box-shadow:none!important}
/* Isti gorski motiv je tudi za transparentno vrstico, še preden se začne #page-home. */
html[data-theme="light"] body{background-color:#dbe4ec!important;background-image:url('light-bg-desktop.webp')!important;background-position:center!important;background-size:cover!important;background-attachment:fixed!important;background-repeat:no-repeat!important}@media(max-width:760px){html[data-theme="light"] body{background-image:url('light-bg-mobile.webp')!important;background-position:center top!important}}
/* Mobilna temna tema: skrit toast ne sme pustiti vidnega belega polkroga ob robu. */
@media(max-width:760px){html[data-theme="dark"] .toast:not(.show){display:none!important}}html[data-theme="light"] .nav-logo{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.7)}html[data-theme="light"] .nav-logo em{color:#a9d3ee!important}html[data-theme="light"] .nav-link{color:rgba(255,255,255,.92)!important;text-shadow:0 1px 3px rgba(0,0,0,.7)}html[data-theme="light"] .nav-link:hover,html[data-theme="light"] .nav-link.on{background:rgba(79,132,168,.38)!important;color:#fff!important}html[data-theme="light"] .nav-right .nav-post-btn,html[data-theme="light"] .nav-right .nav-settings-btn,html[data-theme="light"] .nav-right .nav-accessibility-btn,html[data-theme="light"] #nav-user-area .nav-link{background:rgba(21,63,92,.46)!important;border:1px solid rgba(255,255,255,.48)!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,10,22,.25)!important}
/* Kartice karoserij in tipov vozil: čist rob brez bele notranje meglice. */
html[data-theme="light"] #page-home .bt-card,html[data-theme="light"] #page-home .portal-category{box-shadow:0 6px 16px rgba(0,10,22,.24)!important;background:rgba(5,22,38,.36)!important;border-color:rgba(255,255,255,.5)!important}html[data-theme="light"] #page-home .bt-card::before,html[data-theme="light"] #page-home .portal-category::before{display:none!important}

/* v99: dvonivojska izbira motornih vozil. Avtomobilske kartice ostanejo nespremenjene. */
.moto-type-nav{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.moto-type-nav[hidden]{display:none}
.moto-back-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.moto-back-button:hover{border-color:var(--accent);background:var(--accent-light)}
.moto-current-group{font-size:13px;font-weight:700;color:var(--ink-60)}
.moto-type-grid{display:grid;gap:14px;padding:0;background:transparent;border:0}
.moto-group-grid,.moto-subtype-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.moto-subtype-grid.moto-count-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}
.moto-type-grid .moto-type-card{position:relative;display:flex!important;flex-direction:column;align-items:center!important;justify-content:flex-start;gap:4px;min-height:218px;padding:14px!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--card)!important;text-align:center!important;box-shadow:none}
.moto-type-grid .moto-type-card .bt-media{display:flex;width:100%;max-width:none!important;height:148px;margin:0;align-items:center;justify-content:center;border-radius:6px;background:color-mix(in srgb,var(--surface) 74%,transparent);overflow:hidden}
.moto-type-grid .moto-type-image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .18s ease}
.moto-type-grid .moto-type-card b{width:100%;font-size:14px;line-height:1.3;text-align:center}
.moto-type-grid .moto-type-card .bt-hint{display:block;font-size:11.5px;text-align:center}
.moto-type-grid .moto-type-card:hover{transform:translateY(-3px);border-color:var(--accent-mid)!important;box-shadow:0 10px 24px rgba(0,12,25,.2)}
.moto-type-grid .moto-type-card:hover .moto-type-image{transform:scale(1.035)}
.moto-card-arrow{position:absolute;right:12px;bottom:11px;color:var(--accent);font-size:17px;font-weight:800}
html[data-theme="glass-legacy"] #page-home .moto-type-grid .moto-type-card{background:rgba(5,22,38,.68)!important;border-color:rgba(255,255,255,.55)!important}
html[data-theme="glass-legacy"] #page-home .moto-type-grid .moto-type-card .bt-media{background:rgba(255,255,255,.08)}
html[data-theme="light"] #page-home .moto-back-button{background:rgba(5,22,38,.78);border-color:rgba(255,255,255,.55);color:#fff}
html[data-theme="light"] #page-home .moto-current-group{color:rgba(255,255,255,.86);text-shadow:0 2px 5px rgba(0,0,0,.7)}
@media(max-width:760px){
  .moto-group-grid,.moto-subtype-grid,.moto-subtype-grid.moto-count-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:10px}
  .moto-type-grid .moto-type-card{min-height:174px;padding:10px!important}
  .moto-type-grid .moto-type-card .bt-media{height:112px}
}
@media(max-width:420px){
  .moto-group-grid,.moto-subtype-grid,.moto-subtype-grid.moto-count-4{grid-template-columns:1fr}
  .moto-type-grid .moto-type-card{min-height:190px}
  .moto-type-grid .moto-type-card .bt-media{height:128px}
  .moto-current-group{font-size:12px}
}
/* Podčrtaji naslovov v svetli temi so v isti modri barvi kot »v Sloveniji«. */
html[data-theme="light"] #page-home .home-section-title::after{background:#2978A0!important}
/* Prodajni zaključni panel dobi enak nežen dvig kot ostali okvirji. */
html[data-theme="light"] #page-home .home-cta{transition:transform .2s ease,box-shadow .2s ease!important}@media(hover:hover){html[data-theme="light"] #page-home .home-cta:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(0,10,22,.36)!important}}

/* v100: slikovne vrste za gospodarska vozila, tovornjake, avtodome in mehanizacijo. */
.category-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.category-type-grid .category-type-card{min-width:0;min-height:208px}
.category-type-grid .category-type-card .bt-media{height:138px}
.category-type-grid .category-type-card b{min-height:36px;display:flex;align-items:center;justify-content:center}
.category-type-grid .category-type-card .moto-type-image{filter:drop-shadow(0 5px 5px rgba(0,12,25,.18))}
@media(max-width:900px){.category-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
  .category-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .category-type-grid .category-type-card{min-height:166px;padding:9px!important;transform:none!important}
  .category-type-grid .category-type-card .bt-media{height:104px}
  .category-type-grid .category-type-card b{min-height:32px;font-size:12px;line-height:1.25}
  .category-type-grid .category-type-card .bt-hint{display:none}
}

/* v103: ena mirujoca fotografska podlaga v obeh temah. Video/canvas se ne
   nalaga vec. Svetla tema uporablja mocnejsi blur, temna pa isto fotografijo
   z globljim zatemnjenjem, zato UI ostane locen od ozadja. */
html[data-theme="light"] body{
  background-color:#e9edf0!important;
  background-image:
    linear-gradient(135deg,rgba(47,95,115,.055) 1px,transparent 1px),
    linear-gradient(45deg,rgba(197,106,58,.04) 1px,transparent 1px),
    linear-gradient(180deg,#f4f7f8 0%,#e2e8ec 100%)!important;
  background-position:0 0,0 0,0 0!important;
  background-size:44px 44px,68px 68px,auto!important;
  background-attachment:fixed!important;
  color:var(--ink)!important;
}
html[data-theme="dark"] body{
  background-color:#0b1722!important;
  background-image:none!important;
}
#page-home{
  position:relative;
  isolation:isolate;
  background:transparent!important;
}
#page-home::before,
#page-home::after{
  content:"";
  position:fixed;
  pointer-events:none;
}
#page-home::before{
  inset:-18px;
  z-index:-2;
  background:url('light-bg-desktop.webp?v=20260825-v103') center/cover no-repeat;
  transform:scale(1.035);
}
#page-home::after{inset:0;z-index:-1}
html[data-theme="light"] #page-home::before{
  filter:blur(9px) saturate(.78) contrast(.94) brightness(.78);
}
html[data-theme="light"] #page-home::after{
  background:rgba(7,22,35,.16);
}
html[data-theme="dark"] #page-home::before{
  filter:blur(5px) saturate(.7) contrast(1.04) brightness(.48);
}
html[data-theme="dark"] #page-home::after{
  background:rgba(3,10,18,.42);
}
@media(max-width:760px){
  #page-home::before{
    background-image:url('light-bg-mobile.webp?v=20260825-v103');
    background-position:center top;
  }
}
.home-static-hero{background:transparent!important}
.home-static-hero .home-hero-bg,
.home-static-hero .home-scroll-video-media,
.home-static-hero .home-scroll-video-fallback,
.home-static-hero .home-scroll-video-shade{display:none!important}

/* Besedilo uvoda in naslovov ostane mirno nad fotografijo, kontrolniki pa
   imajo dovolj polno povrsino za branje brez mocnih senc na crkah. */
html[data-theme="light"] #page-home .home-hero-title,
html[data-theme="light"] #page-home .home-hero-sub,
html[data-theme="light"] #page-home .home-section-head,
html[data-theme="light"] #page-home .home-section-title{
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.68);
}
html[data-theme="light"] #page-home .home-hero-title em{color:#a9d3ee!important}
html[data-theme="light"] #page-home .home-search-box{
  background:rgba(250,252,253,.94)!important;
  border-color:rgba(255,255,255,.8)!important;
  box-shadow:0 18px 44px rgba(0,12,24,.34)!important;
  backdrop-filter:blur(12px);
}
html[data-theme="light"] #page-home .bt-card b,
html[data-theme="light"] #page-home .portal-category,
html[data-theme="glass-legacy"] #page-home .moto-type-card b{color:#fff!important}
html[data-theme="glass-legacy"] #page-home .bt-card .bt-hint,
html[data-theme="glass-legacy"] #page-home .moto-type-card .bt-hint{color:rgba(255,255,255,.78)!important}

/* v104: temna tema nima vec velikih barvnih pasov med razdelki. Fotografija
   ostane neprekinjena, potemnijo se samo dejanske interaktivne povrsine. */
html[data-theme="dark"] #page-home .home-section,
html[data-theme="dark"] #page-home .home-section-gray,
html[data-theme="dark"] #page-home #sec-why,
html[data-theme="dark"] #page-home .home-pulse-section,
html[data-theme="dark"] #page-home .home-cta-section{
  background:transparent!important;
  background-image:none!important;
}
html[data-theme="dark"] #page-home #sec-regions::before,
html[data-theme="dark"] #page-home .damage-section::before{
  display:none!important;
}
html[data-theme="dark"] #page-home .home-search-box,
html[data-theme="dark"] #page-home .bt-card,
html[data-theme="dark"] #page-home .moto-type-card,
html[data-theme="dark"] #page-home .category-type-card,
html[data-theme="dark"] #page-home .tile-skeleton,
html[data-theme="dark"] #page-home .ct-card,
html[data-theme="dark"] #page-home .region-wrap,
html[data-theme="dark"] #page-home .how-card,
html[data-theme="dark"] #page-home .why-card,
html[data-theme="dark"] #page-home .damage-text,
html[data-theme="dark"] #page-home .damage-art,
html[data-theme="dark"] #page-home .home-cta{
  background:rgba(10,25,40,.82)!important;
  border-color:rgba(157,191,212,.42)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

/* v105: fotografski slog navigacije pripada samo strani Domov. Na vseh drugih
   straneh svetla tema uporablja svetlo navigacijo in temno, berljivo pisavo. */
html[data-theme="light"] body:not(.view-home) .nav,
html[data-theme="light"] body:not(.view-home) .nav.is-scrolled,
html[data-theme="light"] body:not(.view-home) .mobile-menu{
  background:rgba(251,252,252,.97)!important;
  background-image:none!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:0 4px 16px rgba(24,32,38,.08)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
html[data-theme="light"] body:not(.view-home) .nav-logo,
html[data-theme="light"] body:not(.view-home) .nav-link,
html[data-theme="light"] body:not(.view-home) .nav-username{
  color:var(--ink)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body:not(.view-home) .nav-logo em{color:var(--accent)!important}
html[data-theme="light"] body:not(.view-home) .nav-link:hover,
html[data-theme="light"] body:not(.view-home) .nav-link.on{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
}
html[data-theme="light"] body:not(.view-home) .nav-settings-btn,
html[data-theme="light"] body:not(.view-home) .nav-accessibility-btn,
html[data-theme="light"] body:not(.view-home) #nav-user-area .nav-link{
  background:var(--card)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}

/* v106: vse svetle podstrani uporabljajo eno povezano dimno-petrolejno paleto.
   Povrsine niso vec bele, hierarhija pa ne temelji samo na modrih gumbih. */
html[data-theme="light"] body:not(.view-home){
  --ink:#253334;
  --ink-60:#526466;
  --ink-40:#78898b;
  --ink-20:#aebcbd;
  --surface:#dce5e3;
  --surface-2:#cedbd9;
  --card:#eaf0ee;
  --border:#b4c4c1;
  --border-2:#91a8a5;
  --accent:#3d5c60;
  --accent-dark:#2b464a;
  --accent-light:#d0dfdc;
  --accent-mid:#5b7c80;
  --grad-accent:linear-gradient(135deg,#33565c,#48696d);
  --grad-nav:rgba(225,234,232,.97);
  background-color:#d3dddb!important;
  background-image:
    linear-gradient(135deg,rgba(54,88,94,.055) 1px,transparent 1px),
    linear-gradient(45deg,rgba(111,146,149,.04) 1px,transparent 1px),
    linear-gradient(180deg,#e2e9e7 0%,#cbd7d6 100%)!important;
}
html[data-theme="light"] body:not(.view-home) .nav,
html[data-theme="light"] body:not(.view-home) .nav.is-scrolled,
html[data-theme="light"] body:not(.view-home) .mobile-menu{
  background:rgba(225,234,232,.97)!important;
  border-color:#b4c4c1!important;
}
html[data-theme="light"] body:not(.view-home) .list-search,
html[data-theme="light"] body:not(.view-home) .list-sort,
html[data-theme="light"] body:not(.view-home) .filter-select,
html[data-theme="light"] body:not(.view-home) .filter-input,
html[data-theme="light"] body:not(.view-home) .form-input,
html[data-theme="light"] body:not(.view-home) .profile-input,
html[data-theme="light"] body:not(.view-home) .msg-input{
  background:#eaf0ee!important;
  border-color:#b4c4c1!important;
  color:#253334!important;
}
html[data-theme="light"] body:not(.view-home) .quick-filter-bar button,
html[data-theme="light"] body:not(.view-home) .only-deals-btn,
html[data-theme="light"] body:not(.view-home) .view-btn,
html[data-theme="light"] body:not(.view-home) .mm-add-btn,
html[data-theme="light"] body:not(.view-home) .filters-more-btn,
html[data-theme="light"] body:not(.view-home) .empty-reset-btn.secondary,
html[data-theme="light"] body:not(.view-home) .recognition-secondary,
html[data-theme="light"] body:not(.view-home) .settings-data-btn,
html[data-theme="light"] body:not(.view-home) .back-btn{
  background:#dce5e3!important;
  border-color:#a9bbb8!important;
  color:#304447!important;
  box-shadow:0 3px 10px rgba(37,51,52,.07)!important;
}
html[data-theme="light"] body:not(.view-home) .quick-filter-bar button:hover,
html[data-theme="light"] body:not(.view-home) .only-deals-btn:hover,
html[data-theme="light"] body:not(.view-home) .view-btn:hover{
  background:#cedbd9!important;
  border-color:#789592!important;
}
html[data-theme="light"] body:not(.view-home) .ai-search-btn,
html[data-theme="light"] body:not(.view-home) .filter-apply-btn,
html[data-theme="light"] body:not(.view-home) .empty-reset-btn:not(.secondary),
html[data-theme="light"] body:not(.view-home) .view-btn.on,
html[data-theme="light"] body:not(.view-home) .nav-post-btn,
html[data-theme="light"] body:not(.view-home) .btn-primary{
  background:linear-gradient(135deg,#2f5158,#48696d)!important;
  border-color:#2f5158!important;
  color:#fff!important;
  text-shadow:none!important;
  box-shadow:0 5px 14px rgba(54,88,94,.2)!important;
}
html[data-theme="light"] body:not(.view-home) .cat-tabs,
html[data-theme="light"] body:not(.view-home) .settings-panel,
html[data-theme="light"] body:not(.view-home) .form-section,
html[data-theme="light"] body:not(.view-home) .profile-section,
html[data-theme="light"] body:not(.view-home) .detail-card,
html[data-theme="light"] body:not(.view-home) .pkg-card,
html[data-theme="light"] body:not(.view-home) .modal{
  background:#e2e9e7!important;
  border-color:#b4c4c1!important;
}
html[data-theme="light"] body:not(.view-home) .cat-tabs button.on,
html[data-theme="light"] body:not(.view-home) .cat-tabs button.list-category-art.on,
html[data-theme="light"] body:not(.view-home) .history-provider-item>button,
html[data-theme="light"] body:not(.view-home) .avtolog-public-cta,
html[data-theme="light"] body:not(.view-home) .avtolog-pdf-link,
html[data-theme="light"] body:not(.view-home) .damage-form-actions .primary{
  background:#4f7479!important;
  border-color:#4f7479!important;
  color:#fff!important;
}

/* ══════════════════════════════════════════════════════════════════════════
   v107 — SVETLA TEMA JE ZDAJ RES SVETLA + MANJ BLURA
   Tezava: "svetla" tema je bila druga temna tema. Izmerjeno na produkciji —
   v svetlem nacinu so imeli temno ozadje: .home-search-box rgba(10,25,40,.82),
   .portal-category rgb(21,34,56), .hsb-tab rgb(65,90,119), .nav-link
   rgba(10,35,55,.24). Zato je svetli nacin izgledal kot temni.
   Zdaj: temna tema ostane temna, svetla je svetla, barve pa so iste —
   modra ostane modra, zlata ostane zlata, samo podlage se obrnejo.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1) OZADJE: manj blura, bolj vidna fotografija ─────────────────────── */
html[data-theme="light"] #page-home::before{
  filter:blur(4px) saturate(.94) contrast(.98) brightness(1.02)!important;
}
/* Svetla tancica namesto temne — fotografija ostane vidna, besedilo pa berljivo. */
html[data-theme="light"] #page-home::after{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.52))!important;
}
html[data-theme="dark"] #page-home::before{
  filter:blur(3px) saturate(.82) contrast(1.02) brightness(.6)!important;
}
html[data-theme="dark"] #page-home::after{
  background:rgba(3,10,18,.34)!important;
}

/* ── 2) SVETLA TEMA: povrni svetle povrsine ────────────────────────────── */
/* Tri locljive ravni, da se povrsine ne zlijejo v eno ploskev:
   stran (fotografija) < kartica (bela) < dvignjeno (svetlo sivo).          */
html[data-theme="light"]{
  --surface-page:transparent;
  --surface-card:#ffffff;
  --surface-raised:#eef2f5;
  --ink-strong:#1d2a2b;
  --ink-soft:#4d5f61;
  --line:rgba(29,42,43,.14);
}

/* Navigacija */
html[data-theme="light"] .nav{
  background:rgba(255,255,255,.90)!important;
  border-color:var(--line)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
html[data-theme="light"] .nav-link{color:var(--ink-soft)!important;background:transparent!important}
html[data-theme="light"] .nav-link.on{color:var(--ink-strong)!important;background:var(--surface-raised)!important}
@media(hover:hover){
  html[data-theme="light"] .nav-link:hover{color:var(--ink-strong)!important;background:var(--surface-raised)!important}
}
html[data-theme="light"] .nav a.nav-post-btn{
  background:var(--accent)!important;color:#fff!important;border:0!important}

/* Iskalnik — bela kartica, ne temno steklo */
html[data-theme="light"] #page-home .home-search-box{
  background:var(--surface-card)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 14px 38px rgba(20,35,45,.14)!important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
html[data-theme="light"] #page-home .hsb-field label{display:block!important;color:var(--ink-soft)!important}
html[data-theme="light"] #page-home .hsb-select,
html[data-theme="light"] #page-home .hsb-input,
html[data-theme="light"] #page-home input,
html[data-theme="light"] #page-home select{
  background:var(--surface-raised)!important;color:var(--ink-strong)!important;
  border:1px solid var(--line)!important}
html[data-theme="light"] #page-home input::placeholder{color:#7d8d8f!important}

/* Zavihki in kategorije — svetle ploscice, izbrana je modra */
html[data-theme="light"] #page-home .hsb-tab,
html[data-theme="light"] #page-home .portal-category,
html[data-theme="light"] #page-home .portal-purpose button,
html[data-theme="light"] #page-home .portal-subcategories button{
  background:var(--surface-raised)!important;color:var(--ink-soft)!important;
  border:1px solid var(--line)!important;text-shadow:none!important}
html[data-theme="light"] #page-home .hsb-tab.on,
html[data-theme="light"] #page-home .portal-category.on,
html[data-theme="light"] #page-home .portal-purpose button.on,
html[data-theme="light"] #page-home .portal-subcategories button.on{
  background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}

/* Glavni gumb ostane moder, sekundarni je svetel */
html[data-theme="light"] #page-home .hsb-btn{
  background:var(--accent)!important;color:#fff!important;border:0!important}
html[data-theme="light"] #page-home .hsb-more-toggle{
  background:transparent!important;color:var(--accent)!important;border:0!important}

/* Kartice vsebine — bele, z jasnim robom */
html[data-theme="light"] #page-home .bt-card,
html[data-theme="light"] #page-home .region-wrap,
html[data-theme="light"] #page-home .how-card,
html[data-theme="light"] #page-home .why-card,
html[data-theme="light"] #page-home .home-car-tile,
html[data-theme="light"] #page-home .stat-cell{
  background:var(--surface-card)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 6px 18px rgba(20,35,45,.08)!important;
  -webkit-backdrop-filter:none;backdrop-filter:none}

/* Besedilo — temno na svetlem, brez belih senc iz prejsnje razlicice */
html[data-theme="light"] #page-home .home-section-title,
html[data-theme="light"] #page-home .bt-card b,
html[data-theme="light"] #page-home .why-card h3,
html[data-theme="light"] #page-home .how-card h3,
html[data-theme="light"] #page-home .damage-text h2,
html[data-theme="light"] #page-home .home-cta-text h2{
  color:var(--ink-strong)!important;text-shadow:none!important}
html[data-theme="light"] #page-home .home-section-sub,
html[data-theme="light"] #page-home .bt-card .bt-hint,
html[data-theme="light"] #page-home .why-card p,
html[data-theme="light"] #page-home .how-card p,
html[data-theme="light"] #page-home .damage-text>p,
html[data-theme="light"] #page-home .home-cta-text p,
html[data-theme="light"] #page-home .region-note{
  color:var(--ink-soft)!important;text-shadow:none!important}
html[data-theme="light"] #page-home .home-hero-title{color:var(--ink-strong)!important;text-shadow:none!important}
html[data-theme="light"] #page-home .home-hero-title em{color:#8d7c4c!important}
html[data-theme="light"] #page-home .home-hero-sub{color:var(--ink-soft)!important;text-shadow:none!important}

/* Zakljucni poziv in noga — svetla, ne temno steklo */
html[data-theme="light"] #page-home .home-cta{
  background:var(--surface-card)!important;border:1px solid var(--line)!important;
  box-shadow:0 10px 26px rgba(20,35,45,.10)!important}
html[data-theme="light"] #page-home .home-cta-art{color:var(--accent)!important}
html[data-theme="light"] #page-home .cta-primary{
  background:var(--accent)!important;color:#fff!important;border:0!important}
html[data-theme="light"] #page-home .cta-ghost{
  background:var(--surface-raised)!important;color:var(--ink-strong)!important;
  border:1px solid var(--line)!important}
html[data-theme="light"] #page-home .home-section-link{color:var(--accent)!important;background:transparent!important}
html[data-theme="light"] .site-footer{
  background:#ffffff!important;border-top:1px solid var(--line)!important;box-shadow:none!important}
html[data-theme="light"] .footer-col a,
html[data-theme="light"] .footer-col button,
html[data-theme="light"] .footer-bottom{color:var(--ink-soft)!important}
html[data-theme="light"] .footer-col h2{color:#8d7c4c!important}
html[data-theme="light"] .footer-logo{color:var(--ink-strong)!important}

/* Risbe karoserij — v svetli temi modre na beli kartici */
html[data-theme="light"] #page-home .bt-media{background:transparent!important;padding:0!important}
html[data-theme="light"] #page-home .bt-raster{filter:none!important}

/* Odstrani 3D nagib gumbov iz prejsnje razlicice — bil je nemiren */
html[data-theme="light"] #page-home button::before,
html[data-theme="light"] .nav button::before,
html[data-theme="light"] .nav a.nav-post-btn::before{display:none!important}
@media(hover:hover){
  html[data-theme="light"] #page-home button:hover,
  html[data-theme="light"] .nav button:hover,
  html[data-theme="light"] .nav a.nav-post-btn:hover{transform:translateY(-1px)!important}
}

/* ── v107b: navigacijski gumbi v svetli temi ───────────────────────────────
   Pravilo `html[data-theme="light"] .nav button` je bolj specificno od
   `.nav-link`, zato je gumbe drzalo temne. Tu ciljamo isto specificnost. */
html[data-theme="light"] .nav button,
html[data-theme="light"] .nav a.nav-link{
  background:transparent!important;color:#4d5f61!important;border-color:transparent!important}
html[data-theme="light"] .nav button.on,
html[data-theme="light"] .nav a.nav-link.on{
  background:#eef2f5!important;color:#1d2a2b!important}
@media(hover:hover){
  html[data-theme="light"] .nav button:hover,
  html[data-theme="light"] .nav a.nav-link:hover{background:#eef2f5!important;color:#1d2a2b!important}
}
/* Glavni gumb v navigaciji ostane moder — to je edina barvna ploskev zgoraj. */
html[data-theme="light"] .nav a.nav-post-btn,
html[data-theme="light"] .nav button.nav-post-btn{
  background:#20648a!important;color:#fff!important;border-color:#20648a!important}
html[data-theme="light"] .nav .nav-settings-btn,
html[data-theme="light"] .nav .nav-install-btn{
  background:#eef2f5!important;color:#1d2a2b!important;border:1px solid rgba(29,42,43,.14)!important}

/* ── v107c: gumbi brez razreda (podkategorije, hitri cipi) ─────────────────
   Ostali so temni, ker jih lovi splosno pravilo `#page-home button`.
   Ciljamo isto specificnost, a pozneje v datoteki. */
html[data-theme="light"] #page-home button{
  background:#eef2f5!important;color:#1d2a2b!important;
  border:1px solid rgba(29,42,43,.14)!important;text-shadow:none!important}
/* Izbrana stanja in glavni pozivi ostanejo modri — barva se ne izgubi. */
html[data-theme="light"] #page-home button.on,
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"] #page-home .filter-apply-btn{
  background:#20648a!important;color:#fff!important;border-color:#20648a!important}
/* Besedilne povezave ostanejo brez ploskve. */
html[data-theme="light"] #page-home .home-section-link,
html[data-theme="light"] #page-home .hsb-more-toggle{
  background:transparent!important;color:#20648a!important;border:0!important}

/* ── v107d: zadnje temne ploskve v svetli temi ─────────────────────────── */
html[data-theme="light"] #page-home .how-art{
  background:linear-gradient(180deg,#eef2f5,transparent)!important;color:#20648a!important}
html[data-theme="light"] #page-home .how-art .hw-fill{fill:#ffffff!important}
html[data-theme="light"] #page-home .how-art .hw-fill-2{fill:#eef2f5!important}
html[data-theme="light"] #page-home .how-art .hw-mute{stroke:rgba(29,42,43,.18)!important}
html[data-theme="light"] #page-home .damage-text,
html[data-theme="light"] #page-home .damage-section{background:transparent!important}
html[data-theme="light"] #page-home .damage-art{color:#20648a!important}
html[data-theme="light"] #page-home .damage-art .dm-body{fill:#ffffff!important}
html[data-theme="light"] #page-home .damage-art .dm-roof,
html[data-theme="light"] #page-home .damage-art .dm-glass{fill:#eef2f5!important}
html[data-theme="light"] #page-home .damage-list b{color:#1d2a2b!important}
html[data-theme="light"] #page-home .damage-list span{color:#4d5f61!important}
html[data-theme="light"] #page-home .damage-foot{color:#4d5f61!important}
html[data-theme="light"] .nav button.nav-link{background:transparent!important}

/* ══════════════════════════════════════════════════════════════════════════
   v108 — NIKJER BELA NA BELI
   Iz stare "temno steklo" svetle teme so ostala pravila, ki vsiljujejo belo
   pisavo. Ko so podlage postale svetle, je besedilo izginilo. Izmerjeno: 38
   mest s prenizkim kontrastom. Tu belo pisavo vrnemo na temno crnilo povsod,
   RAZEN na resnicno barvnih ploskvah (modri gumbi, izbrana stanja).
   ══════════════════════════════════════════════════════════════════════════ */

/* 1) Privzeto crnilo za vso besedilno vsebino v svetli temi */
html[data-theme="light"] .site-footer,
html[data-theme="light"] .site-footer *,
html[data-theme="light"] #page-home .home-section-sub,
html[data-theme="light"] #page-home .region-note,
html[data-theme="light"] #page-home h2,
html[data-theme="light"] #page-home h3,
html[data-theme="light"] #page-home p,
html[data-theme="light"] #page-home li,
html[data-theme="light"] #page-home span:not(.badge):not([class*="tag"]),
html[data-theme="light"] .settings-panel,
html[data-theme="light"] .settings-panel *{
  color:#3a4a4c!important;text-shadow:none!important}

/* 2) Naslovi in poudarjeno besedilo temneje, da hierarhija ostane */
html[data-theme="light"] .site-footer .footer-logo,
html[data-theme="light"] #page-home h2,
html[data-theme="light"] #page-home h3,
html[data-theme="light"] #page-home .bt-card b,
html[data-theme="light"] .settings-section-title{
  color:#1d2a2b!important}

/* 3) Naslovi stolpcev v nogi — topla zlata, a berljiva na beli */
html[data-theme="light"] .site-footer .footer-col h2{color:#7a6a3e!important}

/* 4) Logotip: "Avto" temno, "Hub" v modri znamke */
html[data-theme="light"] .footer-logo span,
html[data-theme="light"] .nav-logo span{color:#1d2a2b!important}
html[data-theme="light"] .footer-logo em,
html[data-theme="light"] .nav-logo em{color:#20648a!important}

/* 5) BELA OSTANE SAMO NA BARVNIH PLOSKVAH ─────────────────────────────────
   Vsak od teh elementov ima modro/temno ozadje, zato je bela pravilna. */
html[data-theme="light"] .hsb-btn,
html[data-theme="light"] .hsb-btn *,
html[data-theme="light"] #page-home .cta-primary,
html[data-theme="light"] #page-home .damage-cta,
html[data-theme="light"] #page-home button.on,
html[data-theme="light"] #page-home .portal-category.on,
html[data-theme="light"] #page-home .portal-category.on *,
html[data-theme="light"] .nav a.nav-post-btn,
html[data-theme="light"] .nav button.nav-post-btn,
html[data-theme="light"] .cookie-accept,
html[data-theme="light"] .filter-apply-btn,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .profile-save-btn{
  color:#ffffff!important;text-shadow:none!important}
/* ...in te ploskve morajo res biti barvne */
html[data-theme="light"] .cookie-accept,
html[data-theme="light"] .filter-apply-btn,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .profile-save-btn{
  background:#20648a!important;border-color:#20648a!important}
/* Zlati gumb ima temno pisavo — bela na zlati ne doseze praga. */
html[data-theme="light"] .cookie-save{
  background:#8d7c4c!important;color:#ffffff!important;border-color:#8d7c4c!important}

/* 6) Gumbi v navigaciji, ki so ostali beli na svetlem */
html[data-theme="light"] .nav button.nav-link,
html[data-theme="light"] .nav .nav-accessibility-btn,
html[data-theme="light"] .nav .nav-settings-btn{
  color:#3a4a4c!important}
html[data-theme="light"] .nav .nav-accessibility-btn,
html[data-theme="light"] .nav .nav-settings-btn{
  background:#eef2f5!important;border:1px solid rgba(29,42,43,.14)!important}

/* 7) Znacka nad naslovom razdelka o poskodbah */
html[data-theme="light"] #page-home .damage-kicker{
  background:#f2ecdc!important;color:#6f6139!important}

/* 8) Nastavitve: sivina je bila pod pragom (4,42) */
html[data-theme="light"] .settings-footer,
html[data-theme="light"] .settings-close,
html[data-theme="light"] .settings-section-title{color:#3a4a4c!important}

/* ══════════════════════════════════════════════════════════════════════════
   v109 — NIKJER BELA NA BELI
   Vzrok tezave: stara "svetla" tema je bila temno steklo nad fotografijo, zato
   je vsiljevala belo besedilo (color:#fff!important). Ti stari selektorji so
   imeli VECJO specificnost od popravkov v107/v108 — npr.
   html[data-theme="light"] #page-home .home-section p  (1 id, 2 razreda, 2 tipa)
   je premagal
   html[data-theme="light"] #page-home .home-section-sub (1 id, 2 razreda, 1 tip).
   Zato je bilo besedilo v nogi belo na beli podlagi tudi po v108.
   Resitev: celoten stari blok (vrstice ~4468–4512) je preimenovan v
   [data-theme="glass-legacy"] — pravila ostanejo v datoteki, a se ne
   uporabijo. Spodaj so dodana samo tista, ki jih ta blok je res prispeval.
   ══════════════════════════════════════════════════════════════════════════ */

/* Zemljevid Slovenije: ceste ostanejo vidne tudi na svetli podlagi. */
html[data-theme="light"] #page-home .region-map .rm-roads{stroke:#5b7f9c!important;stroke-opacity:.55}
html[data-theme="light"] #page-home .region-map .rm-roads-dash{stroke:var(--accent)!important;stroke-opacity:.85}
html[data-theme="light"] #page-home .region-map .rm-pin text{fill:#3a4a4c!important;paint-order:normal;stroke:none}

/* Zakljucni poziv: ista silhueta kupeja kot pri karoserijah, temna na beli kartici. */
html[data-theme="light"] #page-home .home-cta-art svg{display:none}
html[data-theme="light"] #page-home .home-cta-art::before{
  content:"";display:block;width:100%;height:78px;
  background:url('body-coupe.png') center/contain no-repeat;
  filter:grayscale(1) brightness(.35) contrast(1.1) opacity(.85);
}

/* Varovalo: v svetli temi je privzeto crnilo temno. Belo besedilo je dovoljeno
   samo tam, kjer je pod njim res barvna povrsina (modri gumbi, znacke). */
html[data-theme="light"] .site-footer,
html[data-theme="light"] .site-footer a,
html[data-theme="light"] .site-footer button,
html[data-theme="light"] .site-footer p,
html[data-theme="light"] .site-footer span,
html[data-theme="light"] .site-footer li,
html[data-theme="light"] .site-footer small,
html[data-theme="light"] .site-footer .footer-tagline,
html[data-theme="light"] .site-footer .footer-bottom,
html[data-theme="light"] .site-footer .footer-bottom a{
  color:#3a4a4c!important;text-shadow:none!important}
html[data-theme="light"] .site-footer .footer-logo{color:#1d2a2b!important;text-shadow:none!important}
html[data-theme="light"] .site-footer .footer-col h2{color:#8d7c4c!important;text-shadow:none!important}
html[data-theme="light"] .site-footer .footer-col a:hover,
html[data-theme="light"] .site-footer .footer-col button:hover,
html[data-theme="light"] .site-footer .footer-bottom a:hover{
  color:#1d2a2b!important;text-decoration:underline}
html[data-theme="light"] .site-footer .footer-bottom{border-top-color:var(--line)!important}

/* Domaca stran: odstavki, drobni napisi in seznami so temni tudi znotraj sekcij. */
html[data-theme="light"] #page-home .home-section p,
html[data-theme="light"] #page-home .home-section li,
html[data-theme="light"] #page-home .home-section small,
html[data-theme="light"] #page-home .home-section span:not(.badge):not([class*="pill"]),
html[data-theme="light"] #page-home .home-section .home-section-sub,
html[data-theme="light"] #page-home .home-section .region-note{
  color:#3a4a4c!important;text-shadow:none!important}
html[data-theme="light"] #page-home .home-section h2,
html[data-theme="light"] #page-home .home-section h3,
html[data-theme="light"] #page-home .home-section b,
html[data-theme="light"] #page-home .home-section strong{
  color:#1d2a2b!important;text-shadow:none!important}

/* Bela ostane samo na resnicno barvnih povrsinah. */
html[data-theme="light"] #page-home .home-section .hsb-btn,
html[data-theme="light"] #page-home .home-section .cta-primary,
html[data-theme="light"] #page-home .home-section .damage-cta,
html[data-theme="light"] #page-home .home-section button.on,
html[data-theme="light"] #page-home .home-section .portal-category.on,
html[data-theme="light"] #page-home .home-section .hsb-tab.on,
html[data-theme="light"] .site-footer .footer-cta,
html[data-theme="light"] .nav a.nav-post-btn{color:#ffffff!important;text-shadow:none!important}

/* ══════════════════════════════════════════════════════════════════════════
   v110 — zadnjih sest mest s prenizkim kontrastom (izmerjeno po WCAG AA)
   ══════════════════════════════════════════════════════════════════════════ */

/* 1) Nav "Prijava": bela pisava je bila na prosojni podlagi (2,82:1).
      Zdaj je polna modra ploscica — 6,4:1. */
html[data-theme="light"] #nav-user-area button.nav-link,
html[data-theme="light"] .nav-right button.nav-link{
  background:#20648A!important;color:#ffffff!important;
  border:1px solid #20648A!important;text-shadow:none!important}
/* Na telefonu je gumb Prijava obrobljen, notranjost pa ostane prozorna. */
@media(max-width:640px){
  #nav-user-area button.nav-link{
    background:transparent!important;
    border:1px solid #a9d3ee!important;
    color:#a9d3ee!important;
    box-shadow:none!important;
  }
  #nav-user-area button.nav-link:hover{background:rgba(169,211,238,.12)!important}
}
@media(hover:hover){
  html[data-theme="light"] #nav-user-area button.nav-link:hover,
  html[data-theme="light"] .nav-right button.nav-link:hover{
    background:#17506f!important;border-color:#17506f!important;color:#fff!important}
}

/* 2) Izbrana kategorija je modra ploscica — napis v njej mora ostati bel (bil 1,44:1). */
html[data-theme="light"] #page-home .portal-category.on,
html[data-theme="light"] #page-home .portal-category.on *,
html[data-theme="light"] #page-home .hsb-tab.on,
html[data-theme="light"] #page-home .hsb-tab.on *,
html[data-theme="light"] #page-home .portal-purpose button.on,
html[data-theme="light"] #page-home .portal-purpose button.on *,
html[data-theme="light"] #page-home .portal-subcategories button.on,
html[data-theme="light"] #page-home .portal-subcategories button.on *,
html[data-theme="light"] .catp-card.on,
html[data-theme="light"] .catp-card.on *{
  color:#ffffff!important;text-shadow:none!important}

/* 3) Mehurcek "Vodic" je temen v obeh temah — pisava v njem mora biti svetla
      (modra na skoraj crni je bila 2,1:1). */
#site-guide-widget .sgw-bubble,
#site-guide-widget .sgw-bubble *{color:#eaf2f7!important;text-shadow:none!important}

/* 4) Piskotki: pas je temen, zato je povezava svetlo modra, ne temno modra. */
#cookie-banner a,
#cookie-banner .cookie-text a{color:#8fc4e8!important}
#cookie-banner a:hover{color:#c6e0ff!important}
/* Zlati gumb je bil 4,1:1 — potemnjen na 6,2:1. */
#cookie-banner .cookie-save,
html[data-theme="light"] #cookie-banner .cookie-save{
  background:#6f6139!important;color:#ffffff!important;border-color:#6f6139!important}

/* v110b — izbrane ploscice premagajo splosno pravilo za odstavke v sekcijah.
   Razred .on je ponovljen, da je specificnost visja od :not() pravila v v109. */
html[data-theme="light"] #page-home .portal-category.on.on.on,
html[data-theme="light"] #page-home .portal-category.on.on.on span,
html[data-theme="light"] #page-home .portal-category.on.on.on b,
html[data-theme="light"] #page-home .hsb-tab.on.on.on,
html[data-theme="light"] #page-home .hsb-tab.on.on.on span,
html[data-theme="light"] #page-home .portal-purpose button.on.on.on,
html[data-theme="light"] #page-home .portal-purpose button.on.on.on span,
html[data-theme="light"] #page-home .portal-subcategories button.on.on.on,
html[data-theme="light"] #page-home .portal-subcategories button.on.on.on span,
html[data-theme="light"] .catp-card.on.on.on,
html[data-theme="light"] .catp-card.on.on.on b,
html[data-theme="light"] .catp-card.on.on.on span{
  color:#ffffff!important;text-shadow:none!important}

/* ══════════════════════════════════════════════════════════════════════════
   v111 — temna tema: osem mest pod pragom AA (3,4–4,45:1). Barve ostajajo
   iz iste palete, samo odtenek je izbran tako, da razmerje preseze 4,5:1.
   ══════════════════════════════════════════════════════════════════════════ */

/* Izbrana podkategorija: bela na svetlo modri je bila 3,41:1 -> temnejsa modra 7,1:1 */
html[data-theme="dark"] #page-home .portal-subcategories button.on.on.on,
html[data-theme="dark"] #page-home .portal-category.on.on.on,
html[data-theme="dark"] #page-home .hsb-tab.on.on.on,
html[data-theme="dark"] #page-home .portal-purpose button.on.on.on{
  background:#415A77!important;border-color:#5b7597!important;color:#ffffff!important}

/* Znacka "Kar drugi skrijejo": 3,59:1 -> 7,1:1 */
html[data-theme="dark"] #page-home .damage-kicker{color:#d7c79a!important}

/* Mehurcek Vodic: v temni temi je imel svetlo podlago, zato 4,03:1 */
html[data-theme="dark"] #site-guide-widget .sgw-bubble{
  background:#1b263b!important;border-color:#415a77!important}

/* Nastavitve: naslovi razdelkov in povezava v nogi so bili 4,45:1 */
html[data-theme="dark"] .settings-panel .settings-section-title,
html[data-theme="dark"] .settings-panel .settings-footer a,
html[data-theme="dark"] .settings-panel .settings-footer{color:#a7b7c9!important}

/* Gumb za piskotke: enak zlati gumb v obeh temah, bela pisava (6,2:1) */
#cookie-banner .cookie-save.cookie-save.cookie-save,
html[data-theme="dark"] #cookie-banner .cookie-save.cookie-save.cookie-save{
  background:#6f6139!important;border-color:#6f6139!important;color:#ffffff!important}

/* ══════════════════════════════════════════════════════════════════════════
   v112 — javne (SEO) podstrani: sest mest pod pragom AA
   ══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] .public-nav .public-brand em{color:#3d5c60}      /* 4,16 -> 5,8 */
.public-footer .public-brand em{color:#bcab79}                            /* 3,40 -> 7,5 */
.public-footer .public-brand{color:#e0e1dd}
html[data-theme="light"] .public-page-body .seo-page p,
html[data-theme="light"] .public-page-body .legal-wrap p,
html[data-theme="light"] .public-page-body .seo-page li,
html[data-theme="light"] .public-page-body .legal-wrap li{color:#435254}  /* 4,49 -> 5,6 */
html[data-theme="light"] .public-page-body .seo-cta.secondary{
  color:#345356;border-color:#9db2b3}                                     /* 3,98 -> 6,2 */

/* v112b — pravni strani (Zasebnost, Pogoji) in Kontakt */
html[data-theme="light"] .legal-wrap .legal-date,
html[data-theme="light"] .seo-page .seo-contact-box span{color:#3f5052}       /* 2,63 -> 5,8 */
html[data-theme="light"] .legal-wrap .legal-value-missing{color:#8a3f06}      /* 3,62 -> 5,2 */
html[data-theme="light"] .legal-wrap table td,
html[data-theme="light"] .legal-wrap table th{color:#435254}                  /* 4,49 -> 5,6 */

/* ══════════════════════════════════════════════════════════════════════════
   v113 — javne podstrani v temni temi
   ══════════════════════════════════════════════════════════════════════════ */
/* Glavni gumb: bela na svetlo modri je bila 3,41:1 -> temnejsa modra 7,1:1 */
html[data-theme="dark"] .public-page-body .seo-cta,
html[data-theme="dark"] .public-page-body .legal-back{
  background:#415A77;border-color:#5b7597;color:#ffffff}
/* Sekundarni gumb in drobno besedilo: 4,45:1 -> 7,2:1 */
html[data-theme="dark"] .public-page-body .seo-cta.secondary{
  background:transparent;color:#a7b7c9;border:1px solid #5b7597}
html[data-theme="dark"] .public-page-body .seo-contact-box span,
html[data-theme="dark"] .public-page-body .legal-date{color:#a7b7c9}
/* Opozorilo "Dopolnite pred zagonom": 3,0–3,6:1 -> 6,8:1 */
html[data-theme="dark"] .public-page-body .legal-value-missing{color:#e0a55a}

/* ══════════════════════════════════════════════════════════════════════════
   v114 — kontrast na podstraneh (seznam, objava, paketi, VIN)
   Popravljeni so ZETONI palete, ne posamezni selektorji, zato velja povsod.
   ══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] body:not(.view-home){
  --ink-60:#435254;    /* bilo #526466 — 4,49:1 */
  --ink-40:#4d5e5f;    /* bilo #78898b — 2,63:1 */
  --accent:#3d5c60;    /* bilo #4f7479 — 3,69:1 */
  --accent-mid:#5b7c80;
  --grad-accent:linear-gradient(135deg,#33565c,#48696d);  /* bela na svetlem koncu je bila 3,88:1 */
}
html[data-theme="light"] .pkg-check{color:#256256}          /* 3,98 -> 5,6 */

html[data-theme="dark"] body{
  --ink-40:#9aabc0;    /* bilo #778da9 — 4,45:1 */
}
/* Gumbi, ki imajo poln modri polnitveni ton, dobijo temnejso modro (7,1:1). */
html[data-theme="dark"] .vin-mode-tabs button.on,
html[data-theme="dark"] .vin-input-row button.primary,
html[data-theme="dark"] .vin-panel-title span,
html[data-theme="dark"] .ai-search-btn,
html[data-theme="dark"] .view-btn.on{
  background:#415A77!important;background-image:none!important;
  border-color:#5b7597!important;color:#ffffff!important}

/* ══════════════════════════════════════════════════════════════════════════
   v115 — zadnji ostanki: polnjeni gumbi, znacke in temni okvirji fotografij
   ══════════════════════════════════════════════════════════════════════════ */

/* SVETLA TEMA */
/* Izbrana kartica kategorije pri objavi je bila bela pisava na svetli podlagi (1,38:1). */
html[data-theme="light"] .catp-card.on.on.on{
  background:#2f5158!important;background-image:none!important;
  border-color:#2f5158!important;box-shadow:0 5px 14px rgba(47,81,88,.22)!important}
html[data-theme="light"] .catp-card.on.on.on,
html[data-theme="light"] .catp-card.on.on.on b,
html[data-theme="light"] .catp-card.on.on.on span,
html[data-theme="light"] .catp-card.on.on.on i{color:#ffffff!important}
/* Temni okvirji vzorcnih fotografij imajo svetlo pisavo v obeh temah. */
.photo-template-frames span,
.photo-template-frames span i,
.photo-template-frames b{color:#eaf2f7!important}
/* Znacka paketa: bela na zlati je bila 4,1:1 -> 6,2:1 */
html[data-theme="light"] .pkg-badge{background:#6f6139!important;color:#ffffff!important}

/* TEMNA TEMA */
/* Poln modri gumb: bela na svetlo modri je bila 3,41:1 -> 7,1:1 */
html[data-theme="dark"] .nav a.nav-post-btn,
html[data-theme="dark"] .nav-post-btn,
html[data-theme="dark"] .hsb-btn,
html[data-theme="dark"] .filter-apply-btn,
html[data-theme="dark"] .empty-reset-btn:not(.secondary),
html[data-theme="dark"] .btn-primary{
  background:#415A77!important;background-image:none!important;
  border-color:#5b7597!important;color:#ffffff!important}
/* Poudarjeno besedilo v modri barvi je bilo 4,45:1 -> 7,2:1 */
html[data-theme="dark"] .algo-box .algo-v,
html[data-theme="dark"] .algo-box .algo-total,
html[data-theme="dark"] .publish-progress b,
html[data-theme="dark"] .adq-head span,
html[data-theme="dark"] .adq-head small,
html[data-theme="dark"] .pkg-check,
html[data-theme="dark"] .pkg-period,
html[data-theme="dark"] .add-subtitle,
html[data-theme="dark"] .catp-card span,
html[data-theme="dark"] .vin-mode-pane small{color:#a7b7c9!important}
/* Zlata znacka in zlato besedilo v temni temi */
html[data-theme="dark"] .pkg-badge{color:#253031!important}
html[data-theme="dark"] .next-best-action span{color:#d7c79a!important}

/* v115b — zadnji dve mesti v temni temi */
/* Okvir vzorcne fotografije: svetla pisava na svetlo modri je bila 3,01:1 -> 8,7:1 */
html[data-theme="dark"] .photo-template-frames span{
  background:#2f4460!important;background-image:none!important;border-color:#5b7597!important}
html[data-theme="dark"] .photo-template-frames span,
html[data-theme="dark"] .photo-template-frames span i{color:#eaf2f7!important}
/* Znacka paketa: zlata podlaga je bila pretemna (4,43:1) -> 5,9:1 */
html[data-theme="dark"] .pkg-badge{background:#bcab79!important;color:#253031!important}

/* v115c — stevilcna oznaka v okvirju vzorcne fotografije (3,01:1 -> 7,1:1) */
html[data-theme="dark"] .photo-template-frames span i{
  background:#415A77!important;background-image:none!important;color:#ffffff!important}

/* ══════════════════════════════════════════════════════════════════════════
   v117 — "Zakaj AvtoHub" nima vec svojega barvnega pasu
   Razdelek je imel poseben temno moder pas (#0d1b2a) iz starejse razlicice.
   Naslov je bil na njem skoraj neviden, pas pa je prekinjal fotografijo.
   Zdaj je razdelek enak vsem ostalim: v svetli temi svetla tancica, v temni
   pa prosojen, tako da fotografija tece neprekinjeno.
   ══════════════════════════════════════════════════════════════════════════ */
#page-home #sec-why,
[data-theme="dark"] #sec-why,
html[data-theme="dark"] #page-home #sec-why{
  background:transparent!important;background-image:none!important;
  box-shadow:none!important;border-top:0!important;border-bottom:0!important}
html[data-theme="light"] #page-home #sec-why{
  background:rgba(241,244,245,.78)!important;background-image:none!important}

/* Naslov in podnaslov razdelka sta berljiva v obeh temah. */
html[data-theme="light"] #page-home #sec-why .home-section-title{color:#1d2a2b!important;text-shadow:none!important}
html[data-theme="light"] #page-home #sec-why .home-section-sub{color:#3a4a4c!important;text-shadow:none!important}
html[data-theme="dark"] #page-home #sec-why .home-section-title{color:#e0e1dd!important}
html[data-theme="dark"] #page-home #sec-why .home-section-sub{color:#b4becb!important}

/* ══════════════════════════════════════════════════════════════════════════
   v118 — VSE VRSTE VOZIL IMAJO ISTO KARTICO KOT OSEBNA VOZILA
   Motorna kolesa in ostale vrste vozil so imele svojo geometrijo (visja
   kartica, slika 148 px) in iz starejse razlicice temno stekleno podlago
   (rgba(5,22,38,.68)) tudi v svetli temi — zato je bila pisava temna na
   temnem. Zdaj uporabljajo isto kartico kot avtomobili: bela v svetli temi,
   temna plosca v temni, slika iste velikosti.
   ══════════════════════════════════════════════════════════════════════════ */

/* 1) Geometrija — enaka kot .bt-card pri osebnih vozilih */
.moto-type-grid .moto-type-card,
.category-type-grid .category-type-card{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:0!important;
  padding:16px 16px 14px!important;
  gap:2px!important;
  text-align:left!important;
  border-radius:var(--r-lg)!important}
.moto-type-grid .moto-type-card .bt-media,
.category-type-grid .category-type-card .bt-media{
  width:100%!important;max-width:196px!important;height:auto!important;
  aspect-ratio:104/52!important;margin:0 0 10px!important;
  border-radius:0!important;background:transparent!important;
  display:grid!important;place-items:stretch!important}
.moto-type-grid .moto-type-image,
.category-type-grid .moto-type-image{
  width:100%!important;height:100%!important;object-fit:contain!important}
.moto-type-grid .moto-type-card b,
.category-type-grid .category-type-card b{
  width:auto!important;min-height:0!important;display:block!important;
  text-align:left!important;font-size:14px!important;line-height:1.3!important}
.moto-type-grid .moto-type-card .bt-hint,
.category-type-grid .category-type-card .bt-hint{
  display:block!important;text-align:left!important;font-size:11.5px!important}

/* 2) Barve — natanko iste kot pri karticah osebnih vozil */
html[data-theme="light"] #page-home .moto-type-card,
html[data-theme="light"] #page-home .category-type-card{
  background:#ffffff!important;
  border:1px solid rgba(29,42,43,.14)!important;
  box-shadow:0 6px 18px rgba(20,35,45,.08)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-theme="light"] #page-home .moto-type-card b,
html[data-theme="light"] #page-home .category-type-card b{
  color:#1d2a2b!important;text-shadow:none!important}
html[data-theme="light"] #page-home .moto-type-card .bt-hint,
html[data-theme="light"] #page-home .category-type-card .bt-hint{
  color:#3a4a4c!important;text-shadow:none!important}
html[data-theme="dark"] #page-home .moto-type-card b,
html[data-theme="dark"] #page-home .category-type-card b{color:#e0e1dd!important}
html[data-theme="dark"] #page-home .moto-type-card .bt-hint,
html[data-theme="dark"] #page-home .category-type-card .bt-hint{color:#b4becb!important}

/* 3) Mobilno: ista kartica, samo manjsi zamik */
@media(max-width:760px){
  .moto-type-grid .moto-type-card,
  .category-type-grid .category-type-card{padding:12px 12px 11px!important}
}

/* v118b — ista mreza kot pri osebnih vozilih, da so slike enako velike */
.moto-type-grid.moto-group-grid,
.moto-type-grid.moto-subtype-grid,
.moto-type-grid.moto-subtype-grid.moto-count-4{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;max-width:none!important}
@media(max-width:1000px){
  .moto-type-grid.moto-group-grid,
  .moto-type-grid.moto-subtype-grid,
  .moto-type-grid.moto-subtype-grid.moto-count-4{
    grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .moto-type-grid.moto-group-grid,
  .moto-type-grid.moto-subtype-grid,
  .moto-type-grid.moto-subtype-grid.moto-count-4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

/* v118c — natancno poravnano z ostalimi karticami: ista sirina slike (124 px)
   in ista sredinska poravnava kot pri osebnih vozilih. */
.moto-type-grid .moto-type-card,
.category-type-grid .category-type-card{
  align-items:center!important;text-align:center!important}
.moto-type-grid .moto-type-card .bt-media,
.category-type-grid .category-type-card .bt-media{
  max-width:124px!important}
.moto-type-grid .moto-type-card b,
.category-type-grid .category-type-card b,
.moto-type-grid .moto-type-card .bt-hint,
.category-type-grid .category-type-card .bt-hint{
  text-align:center!important;width:100%!important}

/* ══════════════════════════════════════════════════════════════════════════
   v119 — SVETLA TEMA JE NA VSEH STRANEH ENAKA KOT NA DOMACI
   Podstrani so od razlicice v106 uporabljale svojo dimno-petrolejno paleto
   (kartice #eaf0ee, poudarek #4f7479, podlaga #d3dddb), domaca stran pa bele
   kartice in modri poudarek #20648a. Zato je objava oglasa izgledala kot
   druga aplikacija. Zdaj imata obe isto paleto. Temna tema je ze bila enaka.
   ══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] body:not(.view-home){
  --ink:#212c2d;
  --ink-60:#4a5a5b;
  --ink-40:#556667;
  --ink-20:#aebcbd;
  --surface:#eceff0;
  --surface-2:#e2e7e8;
  --card:#ffffff;
  --border:rgba(37,48,49,.14);
  --border-2:rgba(37,48,49,.28);
  --accent:#20648a;
  --accent-dark:#184e6c;
  --accent-light:#e4eef3;
  --accent-mid:#4a89ab;
  --grad-accent:linear-gradient(135deg,#184e6c,#20648a);
  --grad-nav:rgba(255,255,255,.92);
  background-color:#e9edf0!important;
  background-image:
    linear-gradient(135deg,rgba(37,48,49,.045) 1px,transparent 1px),
    linear-gradient(45deg,rgba(37,48,49,.03) 1px,transparent 1px),
    linear-gradient(180deg,#eef2f4 0%,#dfe5e9 100%)!important;
}
/* Navigacija in mobilni meni */
html[data-theme="light"] body:not(.view-home) .nav,
html[data-theme="light"] body:not(.view-home) .nav.is-scrolled,
html[data-theme="light"] body:not(.view-home) .mobile-menu{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(37,48,49,.14)!important;
}
/* Vnosna polja — bela kot na domaci strani */
html[data-theme="light"] body:not(.view-home) .list-search,
html[data-theme="light"] body:not(.view-home) .list-sort,
html[data-theme="light"] body:not(.view-home) .filter-select,
html[data-theme="light"] body:not(.view-home) .filter-input,
html[data-theme="light"] body:not(.view-home) .form-input,
html[data-theme="light"] body:not(.view-home) .profile-input,
html[data-theme="light"] body:not(.view-home) .msg-input{
  background:#ffffff!important;
  border-color:rgba(37,48,49,.18)!important;
  color:#212c2d!important;
}
/* Sekundarni gumbi — svetlo sivi, ne zeleni */
html[data-theme="light"] body:not(.view-home) .quick-filter-bar button,
html[data-theme="light"] body:not(.view-home) .only-deals-btn,
html[data-theme="light"] body:not(.view-home) .view-btn,
html[data-theme="light"] body:not(.view-home) .mm-add-btn,
html[data-theme="light"] body:not(.view-home) .filters-more-btn,
html[data-theme="light"] body:not(.view-home) .empty-reset-btn.secondary,
html[data-theme="light"] body:not(.view-home) .recognition-secondary,
html[data-theme="light"] body:not(.view-home) .settings-data-btn,
html[data-theme="light"] body:not(.view-home) .back-btn{
  background:#eef2f5!important;
  border-color:rgba(37,48,49,.16)!important;
  color:#3a4a4c!important;
  box-shadow:0 3px 10px rgba(37,48,49,.06)!important;
}
html[data-theme="light"] body:not(.view-home) .quick-filter-bar button:hover,
html[data-theme="light"] body:not(.view-home) .only-deals-btn:hover,
html[data-theme="light"] body:not(.view-home) .view-btn:hover{
  background:#e2e7e8!important;
  border-color:rgba(37,48,49,.30)!important;
}
/* Glavni gumbi — ista modra kot na domaci strani */
html[data-theme="light"] body:not(.view-home) .ai-search-btn,
html[data-theme="light"] body:not(.view-home) .filter-apply-btn,
html[data-theme="light"] body:not(.view-home) .empty-reset-btn:not(.secondary),
html[data-theme="light"] body:not(.view-home) .view-btn.on,
html[data-theme="light"] body:not(.view-home) .nav-post-btn,
html[data-theme="light"] body:not(.view-home) .btn-primary{
  background:linear-gradient(135deg,#184e6c,#20648a)!important;
  border-color:#184e6c!important;
  color:#ffffff!important;
  text-shadow:none!important;
  box-shadow:0 5px 14px rgba(24,78,108,.20)!important;
}
/* Plosce in kartice — bele */
html[data-theme="light"] body:not(.view-home) .cat-tabs,
html[data-theme="light"] body:not(.view-home) .settings-panel,
html[data-theme="light"] body:not(.view-home) .form-section,
html[data-theme="light"] body:not(.view-home) .profile-section,
html[data-theme="light"] body:not(.view-home) .detail-card,
html[data-theme="light"] body:not(.view-home) .pkg-card,
html[data-theme="light"] body:not(.view-home) .modal{
  background:#ffffff!important;
  border-color:rgba(37,48,49,.14)!important;
}
html[data-theme="light"] body:not(.view-home) .cat-tabs button.on,
html[data-theme="light"] body:not(.view-home) .cat-tabs button.list-category-art.on,
html[data-theme="light"] body:not(.view-home) .history-provider-item>button,
html[data-theme="light"] body:not(.view-home) .avtolog-public-cta,
html[data-theme="light"] body:not(.view-home) .avtolog-pdf-link,
html[data-theme="light"] body:not(.view-home) .damage-form-actions .primary{
  background:#20648a!important;
  border-color:#20648a!important;
  color:#ffffff!important;
}
/* Izbrana kartica kategorije pri objavi — ista modra */
html[data-theme="light"] .catp-card.on.on.on{
  background:#20648a!important;border-color:#20648a!important;
  box-shadow:0 5px 14px rgba(24,78,108,.22)!important}
/* Javne (SEO) podstrani uporabljajo isto paleto */
html[data-theme="light"] .public-nav .public-brand em{color:#20648a}
html[data-theme="light"] .public-page-body .seo-cta.secondary{color:#20648a;border-color:rgba(37,48,49,.22)}

/* ══════════════════════════════════════════════════════════════════════════
   v120 — MEHKI PREHODI NAMESTO TRDIH BELIH IN MODRIH PLOSKEV
   Prej: cisto bela plosca na sivi podlagi in polna modra ploscica — robovi
   med povrsinami so bili trdi. Zdaj se povrsine prelivajo: plosce imajo
   nezen navpicni preliv, robovi so mehkejsi, modra pa je preliv iz palete
   (#2978A0 -> #1d5a7e) namesto ene ploskve. Kontrast ostaja nad AA.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── SVETLA TEMA ───────────────────────────────────────────────────────── */
html[data-theme="light"] body:not(.view-home){
  background-image:
    radial-gradient(1200px 620px at 18% -8%,rgba(41,120,160,.09),transparent 62%),
    radial-gradient(1000px 560px at 88% 6%,rgba(188,171,121,.08),transparent 60%),
    linear-gradient(180deg,#f3f6f8 0%,#e7ecef 46%,#eef2f4 100%)!important;
  background-attachment:fixed!important;
}
/* Plosce: nezen preliv, mehkejsi rob, mehka senca namesto ostre crte */
html[data-theme="light"] body:not(.view-home) .add-wrap,
html[data-theme="light"] body:not(.view-home) .add-form-columns,
html[data-theme="light"] body:not(.view-home) .form-section,
html[data-theme="light"] body:not(.view-home) .profile-section,
html[data-theme="light"] body:not(.view-home) .detail-card,
html[data-theme="light"] body:not(.view-home) .pkg-card,
html[data-theme="light"] body:not(.view-home) .settings-panel,
html[data-theme="light"] body:not(.view-home) .cat-tabs,
html[data-theme="light"] body:not(.view-home) .list-filters,
html[data-theme="light"] body:not(.view-home) .modal{
  background-image:linear-gradient(180deg,#ffffff 0%,#f6f9fa 100%)!important;
  background-color:#ffffff!important;
  border-color:rgba(37,48,49,.10)!important;
  box-shadow:0 1px 2px rgba(20,35,45,.04),0 10px 30px rgba(20,35,45,.06)!important;
}
/* Znotraj plosce ni ugnezdenih belih pravokotnikov — otroci so prosojni */
html[data-theme="light"] body:not(.view-home) .add-form-columns .form-section{
  box-shadow:none!important;background-image:none!important;background-color:transparent!important;
  border-color:transparent!important;
}
/* Locilne crte se na robovih zabrisejo, namesto da rezejo cez plosco */
html[data-theme="light"] body:not(.view-home) .add-form-columns .form-section+.form-section{
  border-top:1px solid transparent!important;
  border-image:linear-gradient(90deg,transparent,rgba(37,48,49,.16) 14%,rgba(37,48,49,.16) 86%,transparent) 1!important;
}
/* Vnosna polja se prelivajo v plosco, ne stojijo kot beli izrezki */
html[data-theme="light"] body:not(.view-home) .form-input,
html[data-theme="light"] body:not(.view-home) .filter-input,
html[data-theme="light"] body:not(.view-home) .filter-select,
html[data-theme="light"] body:not(.view-home) .profile-input,
html[data-theme="light"] body:not(.view-home) .msg-input,
html[data-theme="light"] body:not(.view-home) input[type="text"],
html[data-theme="light"] body:not(.view-home) input[type="number"],
html[data-theme="light"] body:not(.view-home) input[type="email"],
html[data-theme="light"] body:not(.view-home) select,
html[data-theme="light"] body:not(.view-home) textarea{
  background-image:linear-gradient(180deg,#fbfcfd 0%,#f2f6f8 100%)!important;
  background-color:#f7fafb!important;
  border-color:rgba(37,48,49,.14)!important;
  box-shadow:inset 0 1px 2px rgba(20,35,45,.04)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
html[data-theme="light"] body:not(.view-home) input:focus,
html[data-theme="light"] body:not(.view-home) select:focus,
html[data-theme="light"] body:not(.view-home) textarea:focus{
  background-color:#ffffff!important;background-image:none!important;
  border-color:#2978A0!important;
  box-shadow:0 0 0 3px rgba(41,120,160,.16)!important;outline:none!important;
}
/* Modra ni ena ploskev, ampak preliv iz palete */
html[data-theme="light"] body:not(.view-home) .ai-search-btn,
html[data-theme="light"] body:not(.view-home) .filter-apply-btn,
html[data-theme="light"] body:not(.view-home) .empty-reset-btn:not(.secondary),
html[data-theme="light"] body:not(.view-home) .view-btn.on,
html[data-theme="light"] body:not(.view-home) .nav-post-btn,
html[data-theme="light"] body:not(.view-home) .btn-primary,
html[data-theme="light"] .catp-card.on.on.on,
html[data-theme="light"] #page-home .portal-category.on.on.on,
html[data-theme="light"] #page-home .hsb-btn{
  background-image:linear-gradient(135deg,#2978A0 0%,#1d5a7e 100%)!important;
  background-color:#20648a!important;
  border-color:rgba(24,78,108,.55)!important;
  box-shadow:0 6px 18px rgba(24,78,108,.22)!important;
}
/* Zlati poudarki se prav tako prelivajo */
html[data-theme="light"] .next-best-action,
html[data-theme="light"] #page-home .damage-kicker{
  background-image:linear-gradient(135deg,#f7f2e4 0%,#efe6cf 100%)!important;
  border-color:rgba(141,124,76,.34)!important;
}

/* ── TEMNA TEMA ────────────────────────────────────────────────────────── */
html[data-theme="dark"] body:not(.view-home){
  background-image:
    radial-gradient(1200px 620px at 18% -8%,rgba(41,120,160,.16),transparent 62%),
    radial-gradient(1000px 560px at 88% 6%,rgba(65,90,119,.20),transparent 60%),
    linear-gradient(180deg,#0d1a27 0%,#0b1722 55%,#0e1c2a 100%)!important;
  background-attachment:fixed!important;
}
html[data-theme="dark"] body:not(.view-home) .add-wrap,
html[data-theme="dark"] body:not(.view-home) .add-form-columns,
html[data-theme="dark"] body:not(.view-home) .form-section,
html[data-theme="dark"] body:not(.view-home) .profile-section,
html[data-theme="dark"] body:not(.view-home) .detail-card,
html[data-theme="dark"] body:not(.view-home) .pkg-card,
html[data-theme="dark"] body:not(.view-home) .settings-panel,
html[data-theme="dark"] body:not(.view-home) .cat-tabs,
html[data-theme="dark"] body:not(.view-home) .list-filters,
html[data-theme="dark"] body:not(.view-home) .modal{
  background-image:linear-gradient(180deg,#1e2a41 0%,#182336 100%)!important;
  border-color:rgba(157,191,212,.16)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.22),0 12px 32px rgba(0,0,0,.26)!important;
}
html[data-theme="dark"] body:not(.view-home) .add-form-columns .form-section{
  box-shadow:none!important;background-image:none!important;background-color:transparent!important;
  border-color:transparent!important;
}
html[data-theme="dark"] body:not(.view-home) .add-form-columns .form-section+.form-section{
  border-top:1px solid transparent!important;
  border-image:linear-gradient(90deg,transparent,rgba(157,191,212,.22) 14%,rgba(157,191,212,.22) 86%,transparent) 1!important;
}
html[data-theme="dark"] body:not(.view-home) .form-input,
html[data-theme="dark"] body:not(.view-home) .filter-input,
html[data-theme="dark"] body:not(.view-home) .filter-select,
html[data-theme="dark"] body:not(.view-home) .profile-input,
html[data-theme="dark"] body:not(.view-home) .msg-input,
html[data-theme="dark"] body:not(.view-home) input[type="text"],
html[data-theme="dark"] body:not(.view-home) input[type="number"],
html[data-theme="dark"] body:not(.view-home) input[type="email"],
html[data-theme="dark"] body:not(.view-home) select,
html[data-theme="dark"] body:not(.view-home) textarea{
  background-image:linear-gradient(180deg,#162033 0%,#111a2b 100%)!important;
  border-color:rgba(157,191,212,.20)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body:not(.view-home) input:focus,
html[data-theme="dark"] body:not(.view-home) select:focus,
html[data-theme="dark"] body:not(.view-home) textarea:focus{
  border-color:#5b9fc4!important;box-shadow:0 0 0 3px rgba(41,120,160,.26)!important;outline:none!important;
}
html[data-theme="dark"] .nav a.nav-post-btn,
html[data-theme="dark"] .nav-post-btn,
html[data-theme="dark"] .hsb-btn,
html[data-theme="dark"] .filter-apply-btn,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] #page-home .portal-category.on.on.on{
  background-image:linear-gradient(135deg,#4a6f96 0%,#385676 100%)!important;
  background-color:#415A77!important;
  border-color:rgba(157,191,212,.30)!important;
}

/* ══════════════════════════════════════════════════════════════════════════
   v121 — V TEMNI TEMI NI VEC MODRIH PRAVOKOTNIKOV ZA VSEBINO
   Razdelek o poskodbah je imel v temni temi za besedilom in risbo modro
   plosco rgba(10,25,40,.82), v svetli temi pa je bilo za njima prazno.
   Zdaj je v obeh temah prazno — fotografija tece neprekinjeno.
   Kartice (bt-card, why-card, how-card, region-wrap) ostanejo kartice v
   obeh temah, ker so tudi v svetli temi bele plosce.
   ══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] #page-home .damage-text,
html[data-theme="dark"] #page-home .damage-art,
html[data-theme="dark"] #page-home .how-art,
html[data-theme="dark"] #page-home .damage-wrap{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* Brez plosce mora biti besedilo na fotografiji se vedno berljivo, zato je
   tancica cez domaco stran v temni temi nekoliko mocnejsa. */
html[data-theme="dark"] #page-home::after{
  background:rgba(3,10,18,.52)!important;
}

/* v121b — stevilke korakov 1/2/3 v panelu "Prodajam vozilo" (temna tema 4,45:1 -> 7,2:1) */
html[data-theme="dark"] .home-product-steps b{color:#a7b7c9!important}

/* ══════════════════════════════════════════════════════════════════════════
   v122 — VISOK KONTRAST UPOSTEVA TEMO
   Napaka: .accessibility-contrast je na silo nastavil --ink:#fff in
   --card/--surface:#0d1b2a, ne glede na izbrano temo. V svetlem nacinu je
   zato dal BELO pisavo na svetlo podlago (naslov "Moji oglasi" je izginil)
   in temno modre plosce (panel Nastavitve, kartice na strani za objavo,
   kartice vrst vozil). Zdaj je visok kontrast v svetli temi crno na belem,
   v temni pa belo na crnem — kar visok kontrast tudi mora biti.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── A) ZETONI ─────────────────────────────────────────────────────────── */
html[data-theme="light"] body.accessibility-contrast,
html[data-theme="light"] body.accessibility-contrast *{
  --ink:#000000!important;
  --ink-60:#12191a!important;
  --ink-40:#243033!important;
  --ink-20:#4a5a5c!important;
  --surface:#ffffff!important;
  --surface-2:#f1f4f5!important;
  --card:#ffffff!important;
  --border:#243033!important;
  --border-2:#000000!important;
  --accent:#0f4c6b!important;
  --accent-dark:#093349!important;
  --accent-light:#dbe9f1!important;
  --accent-mid:#0f4c6b!important;
  --color-text-primary:#000000!important;
  --color-text-secondary:#12191a!important;
  --color-text-muted:#243033!important;
}
html[data-theme="dark"] body.accessibility-contrast,
html[data-theme="dark"] body.accessibility-contrast *{
  --ink:#ffffff!important;
  --ink-60:#ffffff!important;
  --ink-40:#e6eef5!important;
  --ink-20:#c2cfd9!important;
  --surface:#000000!important;
  --surface-2:#0a121c!important;
  --card:#000000!important;
  --border:#ffffff!important;
  --border-2:#ffffff!important;
  --accent:#8fc4e8!important;
  --accent-dark:#c6e0ff!important;
  --accent-light:#0a121c!important;
  --accent-mid:#8fc4e8!important;
  --color-text-primary:#ffffff!important;
  --color-text-secondary:#ffffff!important;
  --color-text-muted:#e6eef5!important;
}

/* ── B) POVRSINE ───────────────────────────────────────────────────────── */
html[data-theme="light"] body.accessibility-contrast .settings-panel,
html[data-theme="light"] body.accessibility-contrast .accessibility-panel,
html[data-theme="light"] body.accessibility-contrast .add-wrap,
html[data-theme="light"] body.accessibility-contrast .add-form-columns,
html[data-theme="light"] body.accessibility-contrast .form-section,
html[data-theme="light"] body.accessibility-contrast .profile-section,
html[data-theme="light"] body.accessibility-contrast .detail-card,
html[data-theme="light"] body.accessibility-contrast .pkg-card,
html[data-theme="light"] body.accessibility-contrast .cat-tabs,
html[data-theme="light"] body.accessibility-contrast .list-filters,
html[data-theme="light"] body.accessibility-contrast .modal,
html[data-theme="light"] body.accessibility-contrast .site-footer,
html[data-theme="light"] body.accessibility-contrast .nav,
html[data-theme="light"] body.accessibility-contrast .mobile-menu,
html[data-theme="light"] body.accessibility-contrast .home-search-box,
html[data-theme="light"] body.accessibility-contrast .bt-card,
html[data-theme="light"] body.accessibility-contrast .moto-type-card,
html[data-theme="light"] body.accessibility-contrast .category-type-card,
html[data-theme="light"] body.accessibility-contrast .catp-card:not(.on),
html[data-theme="light"] body.accessibility-contrast .why-card,
html[data-theme="light"] body.accessibility-contrast .how-card,
html[data-theme="light"] body.accessibility-contrast .region-wrap,
html[data-theme="light"] body.accessibility-contrast .home-cta,
html[data-theme="light"] body.accessibility-contrast .cookie-banner{
  background:#ffffff!important;background-image:none!important;
  border-color:#243033!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-theme="dark"] body.accessibility-contrast .settings-panel,
html[data-theme="dark"] body.accessibility-contrast .accessibility-panel,
html[data-theme="dark"] body.accessibility-contrast .add-wrap,
html[data-theme="dark"] body.accessibility-contrast .add-form-columns,
html[data-theme="dark"] body.accessibility-contrast .form-section,
html[data-theme="dark"] body.accessibility-contrast .profile-section,
html[data-theme="dark"] body.accessibility-contrast .detail-card,
html[data-theme="dark"] body.accessibility-contrast .pkg-card,
html[data-theme="dark"] body.accessibility-contrast .cat-tabs,
html[data-theme="dark"] body.accessibility-contrast .list-filters,
html[data-theme="dark"] body.accessibility-contrast .modal,
html[data-theme="dark"] body.accessibility-contrast .site-footer,
html[data-theme="dark"] body.accessibility-contrast .nav,
html[data-theme="dark"] body.accessibility-contrast .mobile-menu,
html[data-theme="dark"] body.accessibility-contrast .home-search-box,
html[data-theme="dark"] body.accessibility-contrast .bt-card,
html[data-theme="dark"] body.accessibility-contrast .moto-type-card,
html[data-theme="dark"] body.accessibility-contrast .category-type-card,
html[data-theme="dark"] body.accessibility-contrast .catp-card:not(.on),
html[data-theme="dark"] body.accessibility-contrast .why-card,
html[data-theme="dark"] body.accessibility-contrast .how-card,
html[data-theme="dark"] body.accessibility-contrast .region-wrap,
html[data-theme="dark"] body.accessibility-contrast .home-cta,
html[data-theme="dark"] body.accessibility-contrast .cookie-banner{
  background:#000000!important;background-image:none!important;
  border-color:#ffffff!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-theme="light"] body.accessibility-contrast{
  background:#ffffff!important;background-image:none!important}
html[data-theme="dark"] body.accessibility-contrast{
  background:#000000!important;background-image:none!important}
/* Fotografija v ozadju domace strani se v visokem kontrastu umakne */
body.accessibility-contrast #page-home::before{display:none!important}
html[data-theme="light"] body.accessibility-contrast #page-home::after{
  background:#ffffff!important}
html[data-theme="dark"] body.accessibility-contrast #page-home::after{
  background:#000000!important}

/* ── C) BESEDILO ───────────────────────────────────────────────────────── */
html[data-theme="light"] body.accessibility-contrast h1,
html[data-theme="light"] body.accessibility-contrast h2,
html[data-theme="light"] body.accessibility-contrast h3,
html[data-theme="light"] body.accessibility-contrast h4,
html[data-theme="light"] body.accessibility-contrast p,
html[data-theme="light"] body.accessibility-contrast li,
html[data-theme="light"] body.accessibility-contrast td,
html[data-theme="light"] body.accessibility-contrast th,
html[data-theme="light"] body.accessibility-contrast span,
html[data-theme="light"] body.accessibility-contrast small,
html[data-theme="light"] body.accessibility-contrast b,
html[data-theme="light"] body.accessibility-contrast strong,
html[data-theme="light"] body.accessibility-contrast em,
html[data-theme="light"] body.accessibility-contrast label,
html[data-theme="light"] body.accessibility-contrast div,
html[data-theme="light"] body.accessibility-contrast input,
html[data-theme="light"] body.accessibility-contrast select,
html[data-theme="light"] body.accessibility-contrast textarea{
  color:#000000!important;text-shadow:none!important}
html[data-theme="dark"] body.accessibility-contrast h1,
html[data-theme="dark"] body.accessibility-contrast h2,
html[data-theme="dark"] body.accessibility-contrast h3,
html[data-theme="dark"] body.accessibility-contrast h4,
html[data-theme="dark"] body.accessibility-contrast p,
html[data-theme="dark"] body.accessibility-contrast li,
html[data-theme="dark"] body.accessibility-contrast td,
html[data-theme="dark"] body.accessibility-contrast th,
html[data-theme="dark"] body.accessibility-contrast span,
html[data-theme="dark"] body.accessibility-contrast small,
html[data-theme="dark"] body.accessibility-contrast b,
html[data-theme="dark"] body.accessibility-contrast strong,
html[data-theme="dark"] body.accessibility-contrast em,
html[data-theme="dark"] body.accessibility-contrast label,
html[data-theme="dark"] body.accessibility-contrast div,
html[data-theme="dark"] body.accessibility-contrast input,
html[data-theme="dark"] body.accessibility-contrast select,
html[data-theme="dark"] body.accessibility-contrast textarea{
  color:#ffffff!important;text-shadow:none!important}
/* Povezave so v visokem kontrastu podcrtane, da se locijo od besedila */
html[data-theme="light"] body.accessibility-contrast a{color:#093349!important;text-decoration:underline!important}
html[data-theme="dark"] body.accessibility-contrast a{color:#c6e0ff!important;text-decoration:underline!important}

/* ── D) BARVNE POVRSINE OBDRZIJO NASPROTNO PISAVO ──────────────────────── */
html[data-theme="light"] body.accessibility-contrast .hsb-btn,
html[data-theme="light"] body.accessibility-contrast .cta-primary,
html[data-theme="light"] body.accessibility-contrast .damage-cta,
html[data-theme="light"] body.accessibility-contrast .btn-primary,
html[data-theme="light"] body.accessibility-contrast .filter-apply-btn,
html[data-theme="light"] body.accessibility-contrast .ai-search-btn,
html[data-theme="light"] body.accessibility-contrast .nav-post-btn,
html[data-theme="light"] body.accessibility-contrast .profile-save-btn,
html[data-theme="light"] body.accessibility-contrast .cookie-accept,
html[data-theme="light"] body.accessibility-contrast .cookie-save,
html[data-theme="light"] body.accessibility-contrast .btn-new,
html[data-theme="light"] body.accessibility-contrast .portal-category.on,
html[data-theme="light"] body.accessibility-contrast .hsb-tab.on,
html[data-theme="light"] body.accessibility-contrast .view-btn.on,
html[data-theme="light"] body.accessibility-contrast .catp-card.on,
html[data-theme="light"] body.accessibility-contrast .theme-btn.on,
html[data-theme="light"] body.accessibility-contrast button.on{
  background:#093349!important;background-image:none!important;
  border-color:#093349!important;color:#ffffff!important}
html[data-theme="light"] body.accessibility-contrast .hsb-btn *,
html[data-theme="light"] body.accessibility-contrast .cta-primary *,
html[data-theme="light"] body.accessibility-contrast .catp-card.on *,
html[data-theme="light"] body.accessibility-contrast .portal-category.on *,
html[data-theme="light"] body.accessibility-contrast button.on *{color:#ffffff!important}

html[data-theme="dark"] body.accessibility-contrast .hsb-btn,
html[data-theme="dark"] body.accessibility-contrast .cta-primary,
html[data-theme="dark"] body.accessibility-contrast .damage-cta,
html[data-theme="dark"] body.accessibility-contrast .btn-primary,
html[data-theme="dark"] body.accessibility-contrast .filter-apply-btn,
html[data-theme="dark"] body.accessibility-contrast .ai-search-btn,
html[data-theme="dark"] body.accessibility-contrast .nav-post-btn,
html[data-theme="dark"] body.accessibility-contrast .profile-save-btn,
html[data-theme="dark"] body.accessibility-contrast .cookie-accept,
html[data-theme="dark"] body.accessibility-contrast .cookie-save,
html[data-theme="dark"] body.accessibility-contrast .btn-new,
html[data-theme="dark"] body.accessibility-contrast .portal-category.on,
html[data-theme="dark"] body.accessibility-contrast .hsb-tab.on,
html[data-theme="dark"] body.accessibility-contrast .view-btn.on,
html[data-theme="dark"] body.accessibility-contrast .catp-card.on,
html[data-theme="dark"] body.accessibility-contrast .theme-btn.on,
html[data-theme="dark"] body.accessibility-contrast button.on{
  background:#c6e0ff!important;background-image:none!important;
  border-color:#ffffff!important;color:#000000!important}
html[data-theme="dark"] body.accessibility-contrast .hsb-btn *,
html[data-theme="dark"] body.accessibility-contrast .cta-primary *,
html[data-theme="dark"] body.accessibility-contrast .catp-card.on *,
html[data-theme="dark"] body.accessibility-contrast .portal-category.on *,
html[data-theme="dark"] body.accessibility-contrast button.on *{color:#000000!important}

/* ── E) RISBE VOZIL: gume se ne smejo zliti s podlago ──────────────────── */
html[data-theme="dark"] .bt-raster,
html[data-theme="dark"] .moto-type-image{
  filter:drop-shadow(0 0 1.5px rgba(255,255,255,.55)) brightness(1.08)!important}
body.accessibility-contrast .bt-raster,
body.accessibility-contrast .moto-type-image{
  filter:none!important}
html[data-theme="dark"] body.accessibility-contrast .bt-raster,
html[data-theme="dark"] body.accessibility-contrast .moto-type-image{
  filter:drop-shadow(0 0 2px #ffffff)!important}

/* v122b — visok kontrast: se stiri mesta, kjer je pisava padla na isto barvo */

/* Stevilka koraka je na modri ploscici — pisava mora biti bela */
html[data-theme="light"] body.accessibility-contrast .how-step,
html[data-theme="light"] body.accessibility-contrast .how-step *{
  background:#093349!important;color:#ffffff!important;border-color:#093349!important}
html[data-theme="dark"] body.accessibility-contrast .how-step,
html[data-theme="dark"] body.accessibility-contrast .how-step *{
  background:#c6e0ff!important;color:#000000!important;border-color:#ffffff!important}

/* Pas za piskotke: ce je podlaga bela, mora biti tudi pisava crna */
html[data-theme="light"] body.accessibility-contrast #cookie-banner,
html[data-theme="light"] body.accessibility-contrast #cookie-banner *{
  color:#000000!important}
html[data-theme="light"] body.accessibility-contrast #cookie-banner a{
  color:#093349!important;text-decoration:underline!important}
html[data-theme="light"] body.accessibility-contrast #cookie-banner .cookie-decline,
html[data-theme="light"] body.accessibility-contrast #cookie-banner .cookie-settings{
  background:#ffffff!important;border:1px solid #243033!important;color:#000000!important}
html[data-theme="light"] body.accessibility-contrast #cookie-banner .cookie-accept,
html[data-theme="light"] body.accessibility-contrast #cookie-banner .cookie-save{
  background:#093349!important;border-color:#093349!important;color:#ffffff!important}
html[data-theme="dark"] body.accessibility-contrast #cookie-banner,
html[data-theme="dark"] body.accessibility-contrast #cookie-banner *{color:#ffffff!important}
html[data-theme="dark"] body.accessibility-contrast #cookie-banner a{color:#c6e0ff!important;text-decoration:underline!important}
html[data-theme="dark"] body.accessibility-contrast #cookie-banner .cookie-decline,
html[data-theme="dark"] body.accessibility-contrast #cookie-banner .cookie-settings{
  background:#000000!important;border:1px solid #ffffff!important;color:#ffffff!important}
html[data-theme="dark"] body.accessibility-contrast #cookie-banner .cookie-accept,
html[data-theme="dark"] body.accessibility-contrast #cookie-banner .cookie-save{
  background:#c6e0ff!important;border-color:#ffffff!important;color:#000000!important}

/* Okvirji vzorcnih fotografij v visokem kontrastu */
html[data-theme="light"] body.accessibility-contrast .photo-template-frames span,
html[data-theme="light"] body.accessibility-contrast .photo-template-frames span *{
  background:#ffffff!important;color:#000000!important;border-color:#243033!important}
html[data-theme="light"] body.accessibility-contrast .photo-template-frames span i{
  background:#093349!important;color:#ffffff!important}
html[data-theme="dark"] body.accessibility-contrast .photo-template-frames span,
html[data-theme="dark"] body.accessibility-contrast .photo-template-frames span *{
  background:#000000!important;color:#ffffff!important;border-color:#ffffff!important}
html[data-theme="dark"] body.accessibility-contrast .photo-template-frames span i{
  background:#c6e0ff!important;color:#000000!important}

/* v123: cistejsi domaci predstavitveni blok, enotna svetla paleta in
   preveden VIN rezultat. Temna tema ohrani isto fotografijo kot svetla. */
.damage-wrap{gap:clamp(28px,5vw,64px)}
.damage-art{
  padding:clamp(16px,2vw,28px);
  border:1px solid color-mix(in srgb,var(--border) 72%,transparent);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(7,20,30,.16);
}
.damage-art svg{border-radius:16px}
#page-home .damage-text{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-theme="light"] #page-home .damage-art{
  background:rgba(237,244,243,.82)!important;
  border-color:rgba(106,136,137,.4)!important;
}
html[data-theme="dark"] #page-home::before{
  display:block!important;
  background-image:url('light-bg-desktop.webp?v=20260825-v123')!important;
  filter:blur(5px) saturate(.72) contrast(1.06) brightness(.43)!important;
}
html[data-theme="dark"] #page-home::after{background:rgba(3,10,18,.46)!important}
html[data-theme="dark"] #page-home .damage-art{
  background:rgba(8,22,34,.7)!important;
  border-color:rgba(157,191,212,.42)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.3)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
html[data-theme="dark"] #page-home .damage-text h2,
html[data-theme="dark"] #page-home .damage-text b,
html[data-theme="dark"] #page-home .damage-text>p,
html[data-theme="dark"] #page-home .damage-foot{color:#f2f6f7!important;text-shadow:0 2px 8px rgba(0,0,0,.55)}
html[data-theme="dark"] #page-home .damage-list span{color:#c2d0d5!important}

/* Svetla tema nima vec osamljenih temno modrih kontrolnikov. */
html[data-theme="light"] #page-home{
  --accent:#3d5c60;
  --accent-dark:#2b464a;
  --accent-light:#d0dfdc;
  --accent-mid:#5b7c80;
  --grad-accent:linear-gradient(135deg,#33565c,#48696d);
}
html[data-theme="light"] #page-home .hsb-tab.on,
html[data-theme="light"] #page-home .portal-category.on,
html[data-theme="light"] #page-home .hsb-state-tabs button.on,
html[data-theme="light"] #page-home .hsb-btn,
html[data-theme="light"] #page-home .damage-cta,
html[data-theme="light"] #page-home .cta-primary{
  background:linear-gradient(135deg,#33565c,#48696d)!important;
  border-color:#2b464a!important;
  color:#fff!important;
}
html[data-theme="light"] body:not(.view-home) .vin-input-row button.primary,
html[data-theme="light"] body:not(.view-home) .vin-photo-scan.primary,
html[data-theme="light"] body:not(.view-home) .vin-confirm-box button.primary,
html[data-theme="light"] body:not(.view-home) .vin-result-actions button.primary,
html[data-theme="light"] body:not(.view-home) .profile-save-btn,
html[data-theme="light"] body:not(.view-home) .btn-new{
  background:linear-gradient(135deg,#33565c,#48696d)!important;
  border-color:#2b464a!important;
  color:#fff!important;
}

.vin-result-head-tools{display:flex;align-items:flex-end;gap:10px;flex-direction:column}
.vin-language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}
.vin-language-switch button{min-width:38px;height:30px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--ink-60);font-size:11px;font-weight:850;cursor:pointer}
.vin-language-switch button.on{background:var(--accent);color:#fff;box-shadow:0 3px 10px rgba(30,70,75,.2)}
.vin-missing-summary{margin-top:20px;padding:16px 18px;border:1px solid color-mix(in srgb,#d4a72c 48%,var(--border));border-left:4px solid #d4a72c;border-radius:10px;background:color-mix(in srgb,#d4a72c 8%,var(--surface));color:var(--ink)}
.vin-missing-summary h3{margin:0 0 8px;font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink)}
.vin-missing-summary p{margin:5px 0;color:var(--ink-60);font-size:12px;line-height:1.55}
.vin-missing-summary b{color:var(--ink)}
@media(max-width:620px){
  .vin-result-head-tools{width:100%;align-items:flex-start}
  .vin-language-switch{width:100%;justify-content:space-between}
  .vin-language-switch button{flex:1}
  .damage-art{border-radius:18px;padding:12px}
}
@media(max-width:760px){
  html[data-theme="dark"] #page-home::before{background-image:url('light-bg-mobile.webp?v=20260825-v123')!important}
}

/* v122c — visok kontrast v temni temi: izbrane ploscice so imele preliv iz
   v120 z visjo specificnostjo (id #page-home), zato crna pisava na modrem
   prelivu (2,8:1). Ta pravila zdaj premagajo preliv. */
html[data-theme="dark"] body.accessibility-contrast #page-home .portal-category.on,
html[data-theme="dark"] body.accessibility-contrast #page-home .portal-category.on *,
html[data-theme="dark"] body.accessibility-contrast #page-home .hsb-tab.on,
html[data-theme="dark"] body.accessibility-contrast #page-home .hsb-tab.on *,
html[data-theme="dark"] body.accessibility-contrast #page-home .portal-purpose button.on,
html[data-theme="dark"] body.accessibility-contrast #page-home .portal-subcategories button.on,
html[data-theme="dark"] body.accessibility-contrast #publish-progress button.on,
html[data-theme="dark"] body.accessibility-contrast #publish-progress button.on *,
html[data-theme="dark"] body.accessibility-contrast #page-home .hsb-btn{
  background:#c6e0ff!important;background-image:none!important;
  border-color:#ffffff!important;color:#000000!important}
html[data-theme="light"] body.accessibility-contrast #page-home .portal-category.on,
html[data-theme="light"] body.accessibility-contrast #page-home .portal-category.on *,
html[data-theme="light"] body.accessibility-contrast #page-home .hsb-tab.on,
html[data-theme="light"] body.accessibility-contrast #page-home .hsb-tab.on *,
html[data-theme="light"] body.accessibility-contrast #page-home .portal-purpose button.on,
html[data-theme="light"] body.accessibility-contrast #page-home .portal-subcategories button.on,
html[data-theme="light"] body.accessibility-contrast #publish-progress button.on,
html[data-theme="light"] body.accessibility-contrast #publish-progress button.on *,
html[data-theme="light"] body.accessibility-contrast #page-home .hsb-btn{
  background:#093349!important;background-image:none!important;
  border-color:#093349!important;color:#ffffff!important}

/* v122d — visok kontrast, svetla tema: trije gumbi so imeli preliv z visjo
   specificnostjo (svetli konec #62868a je dal 3,96:1). */
html[data-theme="light"] body.accessibility-contrast #page-home .damage-cta,
html[data-theme="light"] body.accessibility-contrast #page-home .cta-primary,
html[data-theme="light"] body.accessibility-contrast #page-home .home-cta-actions .cta-primary,
html[data-theme="light"] body.accessibility-contrast .my-wrap .btn-new,
html[data-theme="light"] body.accessibility-contrast .my-header .btn-new{
  background:#093349!important;background-image:none!important;
  border-color:#093349!important;color:#ffffff!important;text-shadow:none!important}
html[data-theme="dark"] body.accessibility-contrast #page-home .damage-cta,
html[data-theme="dark"] body.accessibility-contrast #page-home .cta-primary,
html[data-theme="dark"] body.accessibility-contrast #page-home .home-cta-actions .cta-primary,
html[data-theme="dark"] body.accessibility-contrast .my-wrap .btn-new,
html[data-theme="dark"] body.accessibility-contrast .my-header .btn-new{
  background:#c6e0ff!important;background-image:none!important;
  border-color:#ffffff!important;color:#000000!important;text-shadow:none!important}

/* Obicajna svetla tema: gumbi sledijo zetonu --grad-accent, da ostane en sam
   vir resnice za poudarno barvo (ne vsiljujem svoje modre cez kolegov odtenek). */
html[data-theme="light"] #page-home .damage-cta,
html[data-theme="light"] #page-home .cta-primary,
html[data-theme="light"] .my-wrap .btn-new,
html[data-theme="light"] .my-header .btn-new{
  background:var(--grad-accent)!important;color:#ffffff!important;text-shadow:none!important}
/* Stevilke korakov 1/2/3 so bile #4f7479 na #eceff0 = 4,42:1 */
html[data-theme="light"] .home-product-steps b{color:#3d5c60!important}

/* v122f — zadnji dve mesti */
/* Gumb "+ Nov oglas" je v temni temi zlat; bela pisava je merila 2,27:1. */
html[data-theme="dark"] .my-wrap .btn-new,
html[data-theme="dark"] .my-header .btn-new{
  color:#253031!important;text-shadow:none!important}
/* Znacka paketa v visokem kontrastu ni zlata, ampak enaka drugim poudarkom. */
html[data-theme="light"] body.accessibility-contrast .pkg-badge,
html[data-theme="light"] body.accessibility-contrast .pkg-card .pkg-badge{
  background:#093349!important;background-image:none!important;
  border-color:#093349!important;color:#ffffff!important}
html[data-theme="dark"] body.accessibility-contrast .pkg-badge,
html[data-theme="dark"] body.accessibility-contrast .pkg-card .pkg-badge{
  background:#c6e0ff!important;background-image:none!important;
  border-color:#ffffff!important;color:#000000!important}

/* v122g — zlati gumb "+ Nov oglas" v temni temi: podlaga posvetljena na
   #bcab79 iz palete, da temna pisava prestane AA (4,43 -> 5,9:1). */
html[data-theme="dark"] .my-wrap .btn-new,
html[data-theme="dark"] .my-header .btn-new{
  background:#bcab79!important;background-image:none!important;
  border-color:#bcab79!important;color:#253031!important}

/* ══════════════════════════════════════════════════════════════════════════
   v123 — ENA POUDARNA BARVA (MODRA) IN ENAKOMERNO OZADJE
   1) Svetla tema je imela dva poudarka: modro #20648a na podstraneh in
      zeleno-sivo #4f7479 / #3d5c60 na domaci strani. Zdaj je povsod modra
      iz palete: #2978A0 (svetlejsi konec) in #1d5a7e (temnejsi).
   2) Razdelki so imeli razlicne podlage — nekateri prosojne, nekateri sive.
      Zdaj so vsi prosojni, cez fotografijo pa gre ena sama enakomerna
      bela tancica, tako da je ozadje enako vidno po vsej strani.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1) MODRA POVSOD V SVETLI TEMI ─────────────────────────────────────── */
html[data-theme="light"] #page-home,
html[data-theme="light"] body:not(.view-home){
  --accent:#2978A0!important;
  --accent-dark:#1d5a7e!important;
  --accent-light:#e4eef3!important;
  --accent-mid:#4a89ab!important;
  --grad-accent:linear-gradient(135deg,#2978A0 0%,#1d5a7e 100%)!important;
}
html[data-theme="light"] #page-home .hsb-tab.on,
html[data-theme="light"] #page-home .portal-category.on,
html[data-theme="light"] #page-home .hsb-state-tabs button.on,
html[data-theme="light"] #page-home .portal-purpose button.on,
html[data-theme="light"] #page-home .portal-subcategories button.on,
html[data-theme="light"] #page-home .hsb-btn,
html[data-theme="light"] #page-home .damage-cta,
html[data-theme="light"] #page-home .cta-primary,
html[data-theme="light"] body:not(.view-home) .vin-input-row button.primary,
html[data-theme="light"] body:not(.view-home) .vin-photo-scan.primary,
html[data-theme="light"] body:not(.view-home) .vin-confirm-box button.primary,
html[data-theme="light"] body:not(.view-home) .vin-result-actions button.primary,
html[data-theme="light"] body:not(.view-home) .profile-save-btn,
html[data-theme="light"] body:not(.view-home) .btn-new,
html[data-theme="light"] .my-wrap .btn-new,
html[data-theme="light"] .my-header .btn-new,
html[data-theme="light"] .catp-card.on.on.on{
  background:linear-gradient(135deg,#2978A0 0%,#1d5a7e 100%)!important;
  border-color:#1d5a7e!important;
  color:#ffffff!important;
}
/* Hover: ista modra, samo temnejsa — brez zelenega odtenka */
@media(hover:hover){
  html[data-theme="light"] #page-home .hsb-btn:hover,
  html[data-theme="light"] #page-home .damage-cta:hover,
  html[data-theme="light"] #page-home .cta-primary:hover,
  html[data-theme="light"] body:not(.view-home) .btn-primary:hover,
  html[data-theme="light"] body:not(.view-home) .filter-apply-btn:hover,
  html[data-theme="light"] body:not(.view-home) .ai-search-btn:hover,
  html[data-theme="light"] body:not(.view-home) .nav-post-btn:hover,
  html[data-theme="light"] .my-header .btn-new:hover{
    background:linear-gradient(135deg,#1d5a7e 0%,#164962 100%)!important;
    border-color:#164962!important;color:#ffffff!important}
  html[data-theme="light"] #page-home .portal-category:hover,
  html[data-theme="light"] #page-home .hsb-tab:hover,
  html[data-theme="light"] #page-home .portal-subcategories button:hover,
  html[data-theme="light"] body:not(.view-home) .view-btn:hover,
  html[data-theme="light"] body:not(.view-home) .quick-filter-bar button:hover,
  html[data-theme="light"] body:not(.view-home) .only-deals-btn:hover{
    background:#e4eef3!important;border-color:#4a89ab!important;color:#1d5a7e!important}
  html[data-theme="light"] .bt-card:hover,
  html[data-theme="light"] .moto-type-card:hover,
  html[data-theme="light"] .category-type-card:hover{
    border-color:#4a89ab!important}
}
/* Besedilne povezave in drobni poudarki */
html[data-theme="light"] #page-home .home-section-link,
html[data-theme="light"] #page-home .home-product-steps b,
html[data-theme="light"] #page-home .bt-card:hover b,
html[data-theme="light"] .pkg-check{color:#1d5a7e!important}
html[data-theme="light"] #page-home .home-section-head{border-left-color:#2978A0!important}

/* ── 2) ENAKOMERNO OZADJE ──────────────────────────────────────────────── */
/* Vsi razdelki so prosojni — brez menjavanja belih in sivih pasov. */
html[data-theme="light"] #page-home .home-section,
html[data-theme="light"] #page-home .home-section-gray,
html[data-theme="light"] #page-home #sec-why,
html[data-theme="light"] #page-home #sec-bodytypes,
html[data-theme="light"] #page-home #sec-regions,
html[data-theme="light"] #page-home .home-pulse-section,
html[data-theme="light"] #page-home .home-cta-section,
html[data-theme="light"] #page-home .damage-section,
html[data-theme="light"] #page-home .home-scroll-video{
  background:transparent!important;background-image:none!important;
  border-top:0!important;border-bottom:0!important;box-shadow:none!important;
}
/* Ena sama enakomerna bela tancica cez celotno zabrisano fotografijo. */
html[data-theme="light"] #page-home::after{
  background:rgba(255,255,255,.62)!important;
}
html[data-theme="light"] #page-home::before{
  filter:blur(5px) saturate(.92) contrast(.98) brightness(1.03)!important;
}
/* Temna tema: ista logika, samo temna tancica. */
html[data-theme="dark"] #page-home .home-section,
html[data-theme="dark"] #page-home .home-section-gray,
html[data-theme="dark"] #page-home #sec-why,
html[data-theme="dark"] #page-home #sec-bodytypes,
html[data-theme="dark"] #page-home #sec-regions,
html[data-theme="dark"] #page-home .home-pulse-section,
html[data-theme="dark"] #page-home .home-cta-section,
html[data-theme="dark"] #page-home .damage-section{
  background:transparent!important;background-image:none!important;
  border-top:0!important;border-bottom:0!important;box-shadow:none!important;
}

/* ── 3) PREDLOG ZA VIN PO PREPOZNAVI S FOTOGRAFIJ ──────────────────────── */
.recognition-vin-next{
  margin-top:12px;padding:12px 14px;border-radius:10px;
  border:1px solid var(--border);background:var(--accent-light);
  display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.recognition-vin-next b{font-size:13.5px;color:var(--ink)}
.recognition-vin-next p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-60)}
.recognition-vin-btn{
  margin-top:4px;padding:9px 16px;border:0;border-radius:8px;cursor:pointer;
  background:var(--grad-accent);color:#fff;font-size:13px;font-weight:700;
  transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover){
  .recognition-vin-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(24,78,108,.24)}
}
html[data-theme="dark"] .recognition-vin-next{
  background:rgba(41,120,160,.14);border-color:rgba(157,191,212,.28)}

/* v123b — dve mesti, kjer je svetlejsi odtenek modre padel pod prag */
/* Znak "?" ob oznakah polj: #2978A0 na #e4eef3 je meril 4,16:1 */
html[data-theme="light"] .field-help,
html[data-theme="light"] .form-section-title .field-help{color:#1d5a7e!important}
/* Stevilcna oznaka v okvirju vzorcne fotografije: 4,32:1 -> 8,0:1 */
html[data-theme="light"] .photo-template-frames span i{
  background:#1d5a7e!important;background-image:none!important;color:#ffffff!important}

/* v123c — gumb v predlogu za VIN: v temni temi je preliv koncal na #778da9,
   kjer bela pisava meri 3,37:1. Polna temnejsa modra da 7,1:1. */
html[data-theme="dark"] .recognition-vin-btn{
  background:#415A77!important;background-image:none!important;
  border:1px solid #5b7597!important;color:#ffffff!important}
html[data-theme="light"] .recognition-vin-btn{
  background-image:linear-gradient(135deg,#2978A0 0%,#1d5a7e 100%)!important;
  background-color:#20648a!important;color:#ffffff!important}

/* ══════════════════════════════════════════════════════════════════════════
   v124 — NOBENA RISBA VOZILA NI VEC ODREZANA
   Izmerjeno: okvir .bt-media je bil 124x62 (razmerje 104/52 = 2,0), risbe
   motornih koles in ostalih vrst vozil pa so 480x320 (razmerje 1,5). Slika
   se je zato izrisala 124x83 in overflow:hidden je odrezal spodnjih 21 px —
   natanko gume. Risbe avtomobilov so 450x205 (2,2) in se v okvir prilegajo,
   zato so bile edine cele.
   Resitev: okvir teh kartic dobi razmerje vira (3/2) in ne reze vec.
   ══════════════════════════════════════════════════════════════════════════ */
.moto-type-grid .moto-type-card .bt-media,
.category-type-grid .category-type-card .bt-media,
.moto-type-grid .moto-group-card .bt-media,
.moto-type-grid .moto-subtype-card .bt-media{
  aspect-ratio:3/2!important;
  height:auto!important;
  max-width:124px!important;
  overflow:visible!important;
}
.moto-type-grid .moto-type-image,
.category-type-grid .moto-type-image{
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center bottom!important;
}
/* Varovalo: noben okvir za risbo vozila ne sme rezati vsebine. */
.bt-media{overflow:visible!important}

/* ══════════════════════════════════════════════════════════════════════════
   v125 — PRENOVLJENI FILTRI: BREZ ZABOJA, ZLOZENI PO SKLOPIH
   Prej: 25 filtrov drug pod drugim v modri plosci z robom. Zdaj: filtri
   stojijo neposredno na strani (brez podlage in roba), razdeljeni pa so v
   zlozljive sklope. Odprta sta samo dva najpogostejsa, ostalo se odpre s
   klikom. Nobena moznost ni odstranjena.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1) BREZ ZABOJA ────────────────────────────────────────────────────── */
.list-filters,
html[data-theme="light"] body:not(.view-home) .list-filters,
html[data-theme="dark"] body:not(.view-home) .list-filters,
html[data-theme="light"] body.accessibility-contrast .list-filters,
html[data-theme="dark"] body.accessibility-contrast .list-filters{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0 24px 0 0!important;
}
.list-body{grid-template-columns:268px 1fr;gap:28px}
.list-filters::-webkit-scrollbar{width:6px}
.list-filters::-webkit-scrollbar-thumb{background:rgba(125,145,155,.35);border-radius:99px}
.list-filters::-webkit-scrollbar-track{background:transparent}

/* ── 2) GLAVA ──────────────────────────────────────────────────────────── */
.filters-head{
  margin-bottom:10px;padding-bottom:10px;
  border-bottom:1px solid transparent!important;
  border-image:linear-gradient(90deg,var(--border),transparent) 1!important;
}
.filters-title{font-size:17px;letter-spacing:.01em}
.filters-reset{
  padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;
  background:transparent;border:1px solid transparent;transition:.14s}
@media(hover:hover){
  .filters-reset:hover{background:var(--accent-light);border-color:var(--accent-mid);text-decoration:none}
}

/* ── 3) ZLOZLJIVI SKLOPI ───────────────────────────────────────────────── */
.ffold{border-bottom:1px solid var(--border);padding:0}
.ffold:last-of-type{border-bottom:0}
.ffold>summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 2px;cursor:pointer;list-style:none;
  font-size:13px;font-weight:750;color:var(--ink);
  transition:color .14s ease}
.ffold>summary::-webkit-details-marker{display:none}
.ffold>summary::after{
  content:"";flex:0 0 9px;width:9px;height:9px;margin-right:2px;
  border-right:2px solid var(--ink-40);border-bottom:2px solid var(--ink-40);
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease,border-color .14s ease}
.ffold[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
@media(hover:hover){
  .ffold>summary:hover{color:var(--accent-dark)}
  .ffold>summary:hover::after{border-color:var(--accent)}
}
.ffold>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.ffold-body{padding:2px 0 16px}
.ffold-body .filter-group:last-child{margin-bottom:0}

/* Znotraj sklopov odpadejo stari locilni naslovi */
.list-filters .filter-subhead{display:none}

/* ── 4) POLJA ──────────────────────────────────────────────────────────── */
.filter-group{margin-bottom:13px}
.filter-label{
  font-size:10.5px;font-weight:700;letter-spacing:.08em;
  color:var(--ink-40);margin-bottom:5px}
.filter-select,.filter-input{
  min-height:38px;padding:8px 11px;border-radius:9px;
  border:1px solid var(--border);font-size:13px}
.filter-select:focus,.filter-input:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(41,120,160,.15)}
.filter-check{
  margin-bottom:8px;padding:10px 11px;border-radius:9px;
  border:1px solid var(--border);font-size:12.5px}
@media(hover:hover){
  .filter-check:hover{border-color:var(--accent-mid)}
}
.mm-add-btn,.filters-more-btn{
  width:100%;margin:2px 0 12px;padding:9px 12px;border-radius:9px;
  font-size:12.5px;font-weight:700}

/* ── 5) AKTIVNI FILTRI — obstojece znacke iz app.js dobijo nov videz ────── */
.active-filter-chips{gap:7px;padding:10px 20px 2px}
.active-filter-chips button{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 11px;border-radius:999px;
  border:1px solid var(--accent-mid);background:var(--accent-light);
  color:var(--accent-dark);font-size:12px;font-weight:700;line-height:1.2;
  transition:border-color .14s ease,background .14s ease}
@media(hover:hover){
  .active-filter-chips button:hover{border-color:var(--accent);background:var(--card)}
}

/* ── 6) GUMB ZA REZULTATE JE VEDNO NA DOSEGU ───────────────────────────── */
.filter-apply-btn{
  position:sticky;bottom:0;z-index:2;
  margin-top:14px;padding:12px;border-radius:10px;
  font-size:13.5px;font-weight:750}
.list-filters::after{content:"";display:block;height:2px}

/* ── 7) MOBILNO: sklopi olajsajo dolg seznam ───────────────────────────── */
@media(max-width:900px){
  .list-body{grid-template-columns:1fr}
}
@media(max-width:760px){
  .list-filters{padding:18px max(18px,env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important}
  .ffold>summary{padding:15px 2px;font-size:14px}
}

/* v125b — "Ponastavi" je bil #2978A0 na #e7ecef = 4,11:1 */
html[data-theme="light"] .filters-reset{color:#1d5a7e!important}

/* v125c — na telefonu je seznam filtrov celozaslonska plast, zato mora imeti
   polno podlago; brez nje bi se skozi videli rezultati pod njo. */
@media(max-width:760px){
  html[data-theme="light"] .list-filters.mobile-open{
    background:#f3f6f8!important;background-image:linear-gradient(180deg,#f6f9fa 0%,#eaeff2 100%)!important}
  html[data-theme="dark"] .list-filters.mobile-open{
    background:#0b1722!important;background-image:linear-gradient(180deg,#0e1c2a 0%,#0b1722 100%)!important}
  html[data-theme="light"] body.accessibility-contrast .list-filters.mobile-open{
    background:#ffffff!important;background-image:none!important}
  html[data-theme="dark"] body.accessibility-contrast .list-filters.mobile-open{
    background:#000000!important;background-image:none!important}
  .list-filters.mobile-open .filters-head{
    background:inherit!important;backdrop-filter:none!important}
}

/* v125d — mobilna plast potrebuje visjo specificnost od pravila, ki filtrom
   sicer odvzame podlago (tisto ima body:not(.view-home), torej dva tipa). */
@media(max-width:760px){
  html[data-theme="light"] body:not(.view-home) .list-filters.mobile-open{
    background:#f3f6f8!important;
    background-image:linear-gradient(180deg,#f6f9fa 0%,#eaeff2 100%)!important}
  html[data-theme="dark"] body:not(.view-home) .list-filters.mobile-open{
    background:#0b1722!important;
    background-image:linear-gradient(180deg,#0e1c2a 0%,#0b1722 100%)!important}
  html[data-theme="light"] body.accessibility-contrast:not(.view-home) .list-filters.mobile-open{
    background:#ffffff!important;background-image:none!important}
  html[data-theme="dark"] body.accessibility-contrast:not(.view-home) .list-filters.mobile-open{
    background:#000000!important;background-image:none!important}
}

/* ══════════════════════════════════════════════════════════════════════════
   v126 — IZBIRNIK RAZLICICE MODELA (RS, GTI, AMG …)
   ══════════════════════════════════════════════════════════════════════════ */
.trim-picker{
  margin:0 0 14px;padding:13px 15px;border-radius:11px;
  border:1px solid var(--border);background:var(--accent-light)}
.trim-picker-head{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.trim-picker-head b{font-size:13.5px;color:var(--ink)}
.trim-picker-head span{font-size:12px;line-height:1.45;color:var(--ink-60)}
.trim-chips{display:flex;flex-wrap:wrap;gap:7px}
.trim-chip{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 13px;border-radius:999px;cursor:pointer;
  border:1px solid var(--border-2);background:var(--card);
  color:var(--ink);font-size:13px;font-weight:700;
  transition:border-color .14s ease,background .14s ease,color .14s ease}
.trim-chip em{
  font-style:normal;font-size:11px;font-weight:800;
  padding:1px 6px;border-radius:999px;
  background:var(--surface-2);color:var(--ink-60)}
@media(hover:hover){
  .trim-chip:hover{border-color:var(--accent);color:var(--accent-dark)}
}
.trim-chip.on{
  background:var(--grad-accent);border-color:transparent;color:#fff}
.trim-chip.on em{background:rgba(255,255,255,.22);color:#fff}
.trim-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-theme="dark"] .trim-picker{
  background:rgba(41,120,160,.12);border-color:rgba(157,191,212,.24)}
html[data-theme="light"] .trim-chip.on{
  background:linear-gradient(135deg,#2978A0 0%,#1d5a7e 100%)!important;color:#fff!important}
html[data-theme="dark"] .trim-chip.on{
  background:#415A77!important;background-image:none!important;
  border-color:#5b7597!important;color:#fff!important}
html[data-theme="light"] body.accessibility-contrast .trim-chip.on{
  background:#093349!important;background-image:none!important;color:#fff!important}
html[data-theme="dark"] body.accessibility-contrast .trim-chip.on{
  background:#c6e0ff!important;background-image:none!important;color:#000!important}
html[data-theme="dark"] body.accessibility-contrast .trim-chip.on em{background:rgba(0,0,0,.18);color:#000!important}
@media(max-width:600px){
  .trim-chip{padding:9px 12px;font-size:12.5px}
}

/* v130 — cenovni drsnik in filter po oddaljenosti v seznamu oglasov */
html[data-theme="dark"] body:not(.view-home) .price-presets button,
html[data-theme="dark"] body:not(.view-home) .geo-btn{
  background:#162033!important;
  color:#c6e0ff!important;
  border-color:rgba(157,191,212,.28)!important;
}
html[data-theme="dark"] body:not(.view-home) .price-presets button:hover,
html[data-theme="dark"] body:not(.view-home) .geo-btn:hover{
  background:#1e3f49!important;
  border-color:#5b9fc4!important;
  color:#ffffff!important;
}
html[data-theme="dark"] body:not(.view-home) .dual-range-track{
  background:#111a2b!important;
  border-color:rgba(157,191,212,.22)!important;
}
html[data-theme="dark"] body:not(.view-home) .dual-range input[type=range]::-webkit-slider-thumb{
  background:#5b9fc4!important;
  border-color:#182336!important;
}
html[data-theme="dark"] body:not(.view-home) .dual-range input[type=range]::-moz-range-thumb{
  background:#5b9fc4!important;
  border-color:#182336!important;
}
html[data-theme="dark"] body:not(.view-home) .filter-label-row output,
html[data-theme="dark"] body:not(.view-home) .distance-filter small{
  color:#a7b7c9!important;
}
html[data-theme="dark"] body:not(.view-home) .listing-distance-pill{
  background:#1e3f49!important;
  border-color:#5b9fc4!important;
  color:#eaf2f7!important;
}

/* ══════════════════════════════════════════════════════════════════════════
   v132 — OKVIR GALERIJE SE PRILAGODI OBLIKI FOTOGRAFIJE
   Prej: .gallery-main je imel fiksno visino 440 px in object-fit:contain.
   Ležeča fotografija je okvir zapolnila, navpična pa je pustila siva pasova
   levo in desno cez pol sirine. Zdaj se okvir stisne na sirino fotografije.
   ══════════════════════════════════════════════════════════════════════════ */
.gallery{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
.gallery-stage{display:flex;align-items:center;justify-content:center}
.gallery-main{
  width:auto!important;
  max-width:100%;
  height:auto!important;
  max-height:min(78vh,620px);
  object-fit:contain;
  display:block;
}
/* Sirina naj nikoli ne pade pod razumno mero pri zelo ozkih fotografijah. */
.gallery-stage{min-width:min(260px,100%)}
@media(max-width:900px){
  .gallery{width:auto}
  .gallery-main{max-height:min(70vh,520px)}
}
@media(max-width:760px){
  .gallery-main{max-height:min(62vh,430px)}
}

/* ══════════════════════════════════════════════════════════════════
   v131 — enotna risba avta v CTA pasu, cena brez okvirja
   ══════════════════════════════════════════════════════════════════ */

/* CTA "Pripravljeni na prodajo?" uporablja isto risbo kot izbirnik
   karoserij na vrhu domace strani. Vektorski SVG ostane kot rezerva:
   skrijemo ga samo, dokler je slika res prisotna (onerror jo odstrani). */
.home-cta-art .home-cta-raster{display:block;width:100%;height:auto;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.42))}
.home-cta-art .home-cta-raster+svg{display:none}
/* Risbo avta izrisuje <img>. Temi "light" in "glass-legacy" sta jo prej
   risali se prek ::before (body-coupe) — brez tega bi se videla dva avta. */
html[data-theme="light"] #page-home .home-cta-art::before,
html[data-theme="glass-legacy"] #page-home .home-cta-art::before{content:none}

/* Filter Cena: vnosni polji brez obrobe, samo mehka podlaga. */
.price-range-filter .price-input-row .filter-input{
  border-color:transparent;background:var(--surface-2)}
.price-range-filter .price-input-row .filter-input:focus{
  border-color:var(--accent)}

/* ══════════════════════════════════════════════════════════════════
   v136 — mobilna glava: pribita na vrh, spustni meniji poravnani nanjo
   ══════════════════════════════════════════════════════════════════ */
@media(max-width:640px){
  :root{--nav-h:58px}

  /* Glava je fiksirana. "sticky" je na telefonu med inercijskim drsenjem
     in ob skrivanju naslovne vrstice brskalnika vidno poskakovala. */
  .nav{position:fixed;top:0;left:0;right:0;width:100%;
    height:var(--nav-h);min-height:var(--nav-h);
    padding-left:max(8px,env(safe-area-inset-left));
    padding-right:max(8px,env(safe-area-inset-right))}

  /* Ker glava ne zaseda vec prostora v toku, ga nadomesti odmik vsebine. */
  body{padding-top:var(--nav-h)}

  /* Uporabniski meni je bil se vedno pribit na staro DVOVRSTICNO glavo
     (top:104px), ceprav je glava od v97 visoka 58px — zato je visel
     odmaknjen od nje in izgledal kot razmetana postavitev. */
  .user-menu{position:fixed;top:var(--nav-h);right:8px;left:auto}
  .mobile-menu{top:var(--nav-h)}
  .accessibility-panel{top:calc(var(--nav-h) + 4px)}

  /* Nic se ne sme premakniti vstran: vodoravni zamik je edini nacin,
     da fiksirana glava izgleda potisnjena v levo. "clip" namesto
     "hidden", ker "hidden" naredi drsni kontejner in pokvari sticky. */
  html,body{overflow-x:clip;max-width:100%}
}

/* ══════════════════════════════════════════════════════════════════
   v137 — ozadje domace strani brez blura (fotografija ostane ostra).
   Ostali del filtra ostane, da fotografija ni presurova; tancica
   (::after) ostane zaradi berljivosti besedila cez njo.
   ══════════════════════════════════════════════════════════════════ */
html[data-theme="light"] #page-home::before{
  filter:saturate(.92) contrast(.98) brightness(1.03)!important}
html[data-theme="dark"] #page-home::before{
  filter:saturate(.72) contrast(1.06) brightness(.43)!important}

/* ══════════════════════════════════════════════════════════════════
   v138 — iskalnik brez preklopnikov, skica poskodb ni prosojna
   ══════════════════════════════════════════════════════════════════ */

/* "Iscem vozilo / Prodajam vozilo" in "Nakup / Najem" gresta stran.
   Skrijemo ju s CSS namesto da bi brisali oznake, ker JS (switchSearchTab,
   setHomePurpose) se vedno tece — privzeto stanje ostane "Iscem" + "Nakup". */
#page-home .hsb-tabs,
#page-home #home-purpose-tabs{display:none!important}

/* Skica poskodb je bila prosojna in se je skozi njo videla fotografija
   ozadja. Zdaj ima isto polno podlago kot ostale kartice na strani. */
html[data-theme="light"] #page-home .damage-art,
html[data-theme="dark"] #page-home .damage-art,
html[data-theme="glass-legacy"] #page-home .damage-art{
  background:var(--card)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important}

/* ══════════════════════════════════════════════════════════════════
   v140 — brez kategorijskega traku na Oglasih, brez obrob v filtrih,
          zaklenjen razdelek Paketi (vse je zaenkrat brezplacno)
   ══════════════════════════════════════════════════════════════════ */

/* Trak s slikami kategorij nad seznamom oglasov gre stran. Skrivamo ga,
   ne brisemo — renderListCategoryTabs() se vedno polni #cat-tabs in
   listCategory ostaja veljaven za filtriranje. */
#page-list #cat-tabs{display:none!important}

/* Obrobe v filtrih: gumb "Samo dobre kupcije" in tir cenovnega drsnika. */
#page-list .only-deals-btn,
.only-deals-btn{border-color:transparent!important}
.price-range-filter .dual-range-track{border-color:transparent!important}

/* Paketi so zaklenjeni, dokler je vse brezplacno: povezave skrijemo,
   sama stran pa pove, zakaj. */
#nb-pkg,
.mobile-menu a[href="/paketi.html"],
.site-footer a[href="paketi.html"]{display:none!important}
.pkg-locked{
  margin:0 auto 26px;max-width:720px;padding:18px 20px;
  border:1px solid var(--border);border-radius:16px;
  background:var(--card);text-align:center}
.pkg-locked b{display:block;font-size:17px;margin-bottom:5px}
.pkg-locked span{font-size:13.5px;color:var(--ink-60);line-height:1.6}
#page-packages .pkg-grid,
#page-packages .cmp-title,
#page-packages .cmp-scroll,
#page-packages .cmp-foot{display:none!important}

/* ══════════════════════════════════════════════════════════════════
   v142 — glava: polna barva (brez prosojnosti) in skrivanje ob drsenju
   ══════════════════════════════════════════════════════════════════ */

/* Fiksirana na vseh sirinah. Prej je bila "sticky" na namizju in "fixed"
   na telefonu; za skrivanje ob drsenju mora biti povsod enako, sicer se
   med premikom zatika. Odmik vsebine je enak visini glave, zato je
   postavitev identicna kot prej. */
.nav{
  position:fixed;top:0;left:0;right:0;width:100%;
  transform:translateY(0);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  will-change:transform}
body{padding-top:58px}

/* Polna, neprosojna podlaga v vseh temah — skozi glavo se ne vidi vec
   fotografija ozadja. */
html[data-theme="light"] .nav{background:#ffffff!important;border-bottom:1px solid var(--border)!important}
html[data-theme="dark"] .nav{background:#0d1b2a!important;border-bottom:1px solid var(--border)!important}
html[data-theme="glass-legacy"] .nav{background:#0a1d2f!important;border-bottom:1px solid rgba(255,255,255,.28)!important}

/* Ob drsenju navzdol se umakne, ob drsenju navzgor se vrne. */
html.nav-up .nav{transform:translateY(-100%)}
html.scrolled .nav{box-shadow:0 6px 22px rgba(8,20,30,.18)}

/* Spustna menija se premikata skupaj z glavo, sicer bi obvisela v zraku. */
html.nav-up .mobile-menu,
html.nav-up .user-menu{transform:translateY(-100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}

@media(prefers-reduced-motion:reduce){
  .nav{transition:none}
  html.nav-up .nav{transform:none}
}

/* Popravek v142: svetla tema je imela pravilo z visjo specificnostjo
   (html[data-theme="light"] body .nav), ki je glavo silila v prosojnost.
   Enaka specificnost + kasnejsi zapis, da glava dobi polno barvo. */
html[data-theme="light"] body .nav,
html[data-theme="light"] body .nav.is-scrolled{
  background:#ffffff!important;background-color:#ffffff!important;
  background-image:none!important;
  color:var(--ink)!important;
  border-bottom:1px solid var(--border)!important}
html[data-theme="light"] body .nav .nav-logo,
html[data-theme="light"] body .nav .nav-link{
  color:var(--ink)!important;text-shadow:none!important}
html[data-theme="light"] body .nav .nav-logo em{color:var(--accent)!important}
html[data-theme="light"] body .nav .nav-link:hover,
html[data-theme="light"] body .nav .nav-link.on{
  background:var(--surface-2)!important;color:var(--ink)!important}
html[data-theme="dark"] body .nav{background:#0d1b2a!important;background-image:none!important}
html[data-theme="glass-legacy"] body .nav{background:#0a1d2f!important;background-image:none!important}

/* Mobile listings: constrain intrinsic media widths, not the page's overflow. */
@media(max-width:1000px){
  .list-body,.detail-grid{grid-template-columns:minmax(0,1fr)}
  .detail-main{display:contents}
  .detail-overview{grid-row:1}
  .detail-grid>aside{grid-row:2}
  .detail-body{grid-row:3}
  .gallery{width:100%;min-width:0;max-width:100%}
  .gallery-stage{min-width:0;max-width:100%}
  .gallery-thumbs{min-width:0;max-width:100%;overscroll-behavior-x:contain}
  html[data-theme] body:not(.view-home) .list-filters.mobile-open{
    position:fixed;inset:0;width:100%;max-height:100dvh;
    padding:18px max(18px,env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important;
    background:var(--card)!important;background-image:none!important;
  }
  .list-filters.mobile-open .filter-apply-btn{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:640px){
  .list-page-wrap{padding:0 12px;overflow-x:visible}
  .list-topbar{padding:12px 0;gap:10px}
  .list-topbar-right{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .list-topbar-right .ai-search-wrap,.list-topbar-right .list-search{grid-column:1/-1;width:100%;min-width:0}
  .list-topbar-right .ai-search-wrap{display:flex}
  .list-topbar-right .list-search,.list-sort{font-size:16px}
  .list-sort{width:100%;min-width:0;max-width:100%;min-height:44px}
  .only-deals-btn{min-width:0;max-width:100%;white-space:normal;font-size:11px;padding:8px}
  .view-btn,.mobile-filter-toggle{min-height:44px}
  .quick-filter-bar{max-width:100%;margin:0;padding:10px 0 4px}
  .list-body{padding:14px 0;gap:0}
  .car-row{flex-direction:column;width:100%;min-width:0;border-radius:8px}
  .car-row .cr-img{width:100%;min-width:0;min-height:0;aspect-ratio:16/10;max-height:300px}
  .car-row .listing-media{position:absolute;inset:0;min-height:0}
  .cr-body{width:100%;padding:12px;gap:9px}
  .cr-title{font-size:16px;line-height:1.3;margin:0;overflow-wrap:anywhere}
  .cr-mid{flex-direction:column-reverse;gap:8px;min-width:0}
  .cr-spec-tbl{flex:none;width:100%;min-width:0;table-layout:fixed;font-size:12px}
  .cr-spec-tbl td{padding:5px 8px;overflow-wrap:anywhere}
  .cr-spec-tbl td:first-child{width:40%}
  .cr-price-box{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0;width:100%;margin:0;text-align:left}
  .cr-price-val{font-size:21px;letter-spacing:0;text-align:left}
  .cr-finance,.cr-price-ddv{font-size:11px}
  .cr-footer{gap:8px}
  .cr-footer .seller-info{min-width:0;flex:1 1 130px}
  .cr-footer .seller-info>div:last-child{min-width:0;overflow-wrap:anywhere}
  .cr-footer .seller-av{flex:0 0 24px}
  .cr-actions .btn-call,.cr-actions .btn-msg{min-height:44px;padding:8px 11px}
  .car-row .cr-fav,.car-row .cr-compare{width:36px;height:36px}
  .compare-strength-grid{grid-template-columns:1fr}
  .compare-modal{width:min(96vw,780px)}
  .listing-image-nav{opacity:1;width:36px;height:36px}
  .listing-feature-tokens{margin:0}
  .cars-grid{grid-template-columns:minmax(0,1fr)}
  .ct-img{height:auto;aspect-ratio:16/10}
  .ct-body{min-width:0}.ct-name{overflow-wrap:anywhere}
  .detail-wrap{width:100%;min-width:0;padding:12px}
  .back-btn{min-height:40px;margin-bottom:12px}
  .detail-grid{gap:12px}
  .gallery{border-radius:8px}
  .gallery-stage{aspect-ratio:4/3}
  .gallery-main{width:100%!important;height:100%!important;max-height:none;object-fit:contain}
  .gallery-placeholder{height:auto;aspect-ratio:4/3}
  .gallery-thumbs{padding:6px;gap:5px}
  .gthumb{width:58px;height:44px}
  .gallery-nav{opacity:1;width:34px;height:44px}
  .detail-brand{margin-top:12px;font-size:11px}
  .detail-name{font-size:25px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}
  .listing-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 0}
  .listing-summary-strip>div,.vehicle-state-grid>div{min-width:0;padding:9px;overflow-wrap:anywhere}
  .listing-summary-strip b{font-size:13px}
  .contact-card{position:static;padding:12px;border-radius:8px}
  .cc-price{font-size:25px;letter-spacing:0}
  .cc-note{font-size:12px;padding-bottom:10px;margin-bottom:10px}
  .cc-seller>div:last-child{min-width:0;overflow-wrap:anywhere}.cc-av{flex:0 0 38px}
  .cc-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
  .cc-actions .cc-primary,.cc-actions .cc-secondary{min-width:0;min-height:44px;padding:10px 6px;margin:0;font-size:13px;overflow-wrap:anywhere}
  .detail-body{overflow-wrap:anywhere}
  .public-listing-section{margin:14px 0}
  .public-tech-row{grid-template-columns:minmax(0,38%) minmax(0,1fr)}
  .public-tech-row>span,.public-tech-row>b{min-width:0;padding:9px;overflow-wrap:anywhere}
  .public-tech-row>b{font-size:13px}
  .specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-box{min-width:0}
  .equip-section,.desc-section{padding:12px}.equip-item{max-width:100%;font-size:12px;overflow-wrap:anywhere}
  .desc-text{font-size:14px;line-height:1.65}
  .leasing-row select,.leasing-row input{min-width:0;max-width:100%}
}

.credit-open-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink);font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}
.credit-page{max-width:1040px;margin:0 auto;padding:28px 24px 44px}
.credit-back{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline}
.credit-page .credit-calculator{margin:12px 0 0}
.credit-calculator h1{font-size:26px;line-height:1.25;margin:8px 0 18px;letter-spacing:0}
.public-theme-toggle[data-theme-toggle]{flex:0 0 38px;cursor:pointer;line-height:1;font-size:20px;color:var(--ink);background:var(--card)}
body.public-page-body{padding-top:0}

/* Essential buyer checks, shared by buyer, owner and admin views. */
.public-history-card.listing-checks{margin:16px 0 0;padding:16px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink)}
.detail-grid>aside>.contact-card{position:static}
.listing-checks h2{font-size:15px;line-height:1.3;margin:0 0 10px;letter-spacing:0}
.listing-check-actions{display:grid;gap:8px}
.listing-check-actions button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:58px;padding:10px 12px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;letter-spacing:0}
.listing-check-actions button>span:first-child{display:grid;gap:3px;min-width:0}
.listing-check-actions b{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.listing-check-actions small{font-size:11px;color:var(--ink-60);line-height:1.4}
.listing-check-actions button>span:last-child{font-size:24px;flex:0 0 12px;text-align:right;color:var(--accent)}
.listing-check-actions button:hover{border-color:var(--accent);background:var(--surface-2)}
.listing-check-actions button:focus-visible,.stolen-card button:focus-visible,.stolen-source:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.listing-check-vin{margin:10px 0 6px;font-size:11px;line-height:1.5;color:var(--ink-60);overflow-wrap:anywhere}
.listing-check-vin span{color:var(--ink);font-family:monospace}
.listing-checks>small{display:block;line-height:1.5}
.listing-check-attachments{margin:10px 0;font-size:12px}
.listing-check-attachments summary{cursor:pointer;padding:7px 0;color:var(--ink)}
.listing-check-attachments a{display:block;padding:6px 0;color:var(--accent);overflow-wrap:anywhere}
.listing-check-attachments small{display:block;color:var(--ink-60);line-height:1.5}
.stolen-card{width:min(480px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:8px}
.stolen-card .stolen-sub{overflow-wrap:anywhere}
.stolen-card .stolen-vin-form input{letter-spacing:0}
.stolen-card .stolen-vin-form button{background:#28586b;color:#fff}
.stolen-card .stolen-vin-form button:hover{background:#204859}
.stolen-card .neg-close{width:44px;height:44px}
.stolen-card .stolen-source,.stolen-card .stolen-retry{min-height:44px;margin:10px 4px 0;padding:10px 12px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}
.stolen-card .stolen-source:hover,.stolen-card .stolen-retry:hover{border-color:var(--accent);background:var(--surface-2)}
.stolen-clear{padding:12px 0;font-size:13px;line-height:1.5;color:var(--ink)}
.stolen-checked-at{font-size:11px;color:var(--ink-60)}
.stolen-status.neutral::before{content:'i';font-size:25px;color:var(--ink-60)}
@media(min-width:641px) and (max-width:1000px){.listing-check-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.credit-calculator{margin:24px 0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);scroll-margin-top:80px;color:var(--ink)}
.credit-calculator>summary{font-size:18px;font-weight:700;cursor:pointer;padding:8px 0}
.credit-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0 18px}
.credit-heading>span{color:var(--ink-60)}.credit-heading b{color:var(--ink);margin-left:8px}
.credit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.credit-inputs,.credit-fee-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;align-content:start}
.credit-layout>*,.credit-field{min-width:0}
.credit-field label{display:block;min-height:35px;font-size:12px;font-weight:600;line-height:1.45;margin:0 0 6px}
.credit-calculator .credit-field input:not([type=range]),.credit-calculator .credit-field select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);font:inherit;font-size:16px}
.credit-calculator .credit-field select{padding-right:26px}
.credit-calculator input:focus-visible,.credit-calculator select:focus-visible,.credit-calculator summary:focus-visible,.credit-open-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.credit-down-range{display:flex;align-items:center;gap:8px;margin-top:10px}
.credit-down-range input{width:100%;min-width:0;accent-color:var(--accent)}
.credit-down-range output{flex:0 0 54px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
.credit-field-help{display:block;margin-top:7px;color:var(--ink-60);font-size:11px;line-height:1.45}
.credit-fees{grid-column:1/-1;border-top:1px solid var(--border);padding-top:8px}
.credit-fees summary,.credit-help summary{cursor:pointer;padding:6px 0;font-size:13px;font-weight:600}
.credit-fee-fields{margin-top:10px}
.credit-fee-fields .credit-field:last-child{grid-column:1/-1}
.credit-output{padding-left:20px;border-left:1px solid var(--border)}
.credit-result-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.credit-result-option{min-width:0;padding:13px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}
.credit-result-option.is-selected{border-color:var(--accent);background:var(--surface-2)}
.credit-result-option>span{display:block;color:var(--ink-60);font-size:12px;font-weight:700}
.credit-result-option>strong{display:block;margin:5px 0 2px;color:var(--ink);font-size:24px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}
.credit-result-option>small{display:block;min-height:34px;color:var(--ink-60);font-size:10px;line-height:1.45}
.credit-result-option dl{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--border)}
.credit-result-option dl>div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;font-size:10px;line-height:1.4}
.credit-result-option dt{color:var(--ink-60)}.credit-result-option dd{margin:0;color:var(--ink);font-weight:700;text-align:right}
.credit-breakdown-title{margin:0 0 8px;font-size:13px;line-height:1.4;letter-spacing:0}
.credit-output .leasing-breakdown{font-size:12px}
.credit-output .leasing-breakdown>div{gap:12px;padding:7px 0;align-items:baseline}
.credit-output .leasing-breakdown b{text-align:right;white-space:normal;overflow-wrap:anywhere;min-width:0}
.credit-output .leasing-breakdown>div:nth-last-child(2){border-top:1px solid var(--border);font-weight:700}
.credit-error{border-left:3px solid #b93838;padding:10px 12px;background:var(--surface-2);color:var(--ink);font-size:13px}
.credit-note,.credit-disclaimer,.credit-help{font-size:12px;line-height:1.6;color:var(--ink-60)}
.credit-note{margin:16px 0}
.credit-scenarios table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px;font-variant-numeric:tabular-nums}
.credit-scenarios caption{text-align:left;font-weight:700;color:var(--ink);padding:8px 0 12px}
.credit-scenarios small{display:block;font-size:11px;font-weight:400;color:var(--ink-60);line-height:1.5}
.credit-scenarios th,.credit-scenarios td{text-align:right;padding:10px 8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.credit-scenarios th:first-child{text-align:left;width:26%}
.credit-scenarios thead{font-size:11px;color:var(--ink-60)}
.credit-scenarios .is-current{background:var(--surface-2);color:var(--ink);font-weight:700}
.credit-scenarios .is-current th{box-shadow:inset 3px 0 var(--accent)}
.credit-help a{color:var(--accent);text-decoration:underline}
.credit-disclaimer{margin:14px 0}
@media(max-width:640px){
  .credit-page{padding:14px 12px 28px}
  .credit-calculator h1{font-size:22px}
  .credit-layout{grid-template-columns:minmax(0,1fr);gap:18px}
  .credit-output{padding:16px 0 0;border-left:0;border-top:1px solid var(--border)}
  .credit-calculator>summary{font-size:17px}
  .credit-heading{display:block}.credit-heading>span{display:block;margin-top:8px}
  .credit-scenarios th,.credit-scenarios td{padding:9px 4px;font-size:12px}
  .credit-result-compare{grid-template-columns:minmax(0,1fr)}
  .credit-result-option>small{min-height:0}
}
@media(max-width:359px){
  .credit-inputs,.credit-fee-fields{grid-template-columns:minmax(0,1fr)}
  .credit-field label{min-height:0}
}
/* Messages and plate correction, desktop and touch screens. */
[data-message-nav]{position:relative}
.mobile-message-link .message-count-badge,.user-message-link .message-count-badge{position:absolute;top:2px;right:3px}
.mobile-message-link,.user-menu button.user-message-link{padding-right:30px}
#nb-inbox .message-count-badge{top:-3px;right:-5px}
.img-plate-edit{position:absolute;bottom:5px;left:5px;min-height:32px;padding:5px 9px;border-radius:5px;background:#17242c;color:#fff;font-size:12px;z-index:2}
.plate-editor{width:min(880px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--ink);box-sizing:border-box;overflow:auto}
.plate-editor::backdrop{background:rgba(0,0,0,.7)}
.plate-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.plate-editor h2{font-size:20px;margin:0}.plate-editor p{font-size:14px;line-height:1.5;margin:10px 0}
.plate-editor canvas{display:block;max-width:100%;max-height:60dvh;width:auto;height:auto;margin:auto;touch-action:none;cursor:crosshair}
.plate-editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.plate-editor button{min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--ink)}.plate-editor [data-save]{background:var(--accent);color:#fff}.plate-editor-status{font-size:13px;margin-top:10px}
@media(max-width:640px){.nav-center #nb-inbox{display:block;font-size:12px;padding:8px 5px;margin-right:6px}.nav-username{max-width:50px}.plate-editor{padding:12px}.plate-editor h2{font-size:17px}.plate-editor-actions{display:grid;grid-template-columns:1fr 1fr}.plate-editor canvas{max-height:50dvh}.conv-item{padding:14px}.conv-status{font-size:12px}}
.plate-editor{margin:auto}
.advanced-filters-toggle{display:block;width:100%;min-height:44px;padding:10px;margin:12px 0;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--ink);font-weight:600;text-align:left}
.advanced-filters-toggle[aria-expanded="true"]{border-color:var(--accent)}


/* ══════════════════════════════════════════════════════════════════
   v164 — samo ozek popravek toplih (rjavo-zlatih) barv.
   Videz domace strani ureja journey-ui.css; tu se ne posega v postavitev
   in se ne barva vseh gumbov po vrsti.
   ══════════════════════════════════════════════════════════════════ */
/* Glavni gumbi so v temnem nacinu dobili topli preliv --grad-accent2. */
[data-theme="dark"] .btn-tel,[data-theme="dark"] .btn-primary,[data-theme="dark"] .btn-call,
[data-theme="dark"] .submit-btn,[data-theme="dark"] .filter-apply-btn,[data-theme="dark"] .nav-post-btn,
[data-theme="dark"] .btn-new,[data-theme="dark"] .msg-send-btn,[data-theme="dark"] .btn-pkg-dark,
[data-theme="dark"] .btn-ai{background:var(--grad-accent);color:#fff}
[data-theme="dark"] .btn-tel:hover,[data-theme="dark"] .btn-primary:hover,[data-theme="dark"] .btn-call:hover,
[data-theme="dark"] .submit-btn:hover,[data-theme="dark"] .filter-apply-btn:hover,[data-theme="dark"] .nav-post-btn:hover,
[data-theme="dark"] .btn-new:hover,[data-theme="dark"] .msg-send-btn:hover,[data-theme="dark"] .btn-pkg-dark:hover,
[data-theme="dark"] .btn-ai:hover{background:var(--accent-dark);color:#fff}

/* Ob prehodu miske je bila ikona vrste vozila topla rjavo-zlata. */
.bt-card:hover .bt-svg,.bt-card:focus-visible .bt-svg{color:var(--accent)}

/* Višji uvodni kader: fotografija avta in ceste ostane vidna tudi pod iskalnikom. */
#page-home .home-hero.home-static-hero{height:720px!important;min-height:720px!important;padding-bottom:300px!important}
@media(max-width:760px){#page-home .home-hero.home-static-hero{height:760px!important;min-height:760px!important;padding-bottom:280px!important}}
/* Svetla tema: primarni iskalni gumb je modre barve. */
html:not([data-theme="dark"]) #page-home .hsb-submit-field .hsb-btn{background:#20648a!important;background-image:none!important;border-color:#20648a!important;color:#fff!important}
/* Namizje: Objavi oglas in Prijava imata popolnoma enako višino. */
@media(min-width:641px){
  .nav-right .nav-post-btn,
  .nav-right #nav-user-area button.nav-link{
    box-sizing:border-box;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  /* Gostejši, mirnejši namizni vmesnik; na telefonu ostanejo večje tapljive površine. */
  .quick-filter-bar button{padding:7px 12px}
  .filter-apply-btn{padding:8px 12px;margin-top:8px}
  .mm-add-btn,.filters-more-btn{padding:7px 12px;margin-bottom:10px}
  .empty-reset-btn,.ai-search-btn,.ps-action-btn,.view-btn{padding-top:7px;padding-bottom:7px}
  .btn-primary,.btn-secondary,.btn-new,.btn-call,.btn-msg,.btn-ai,.profile-save-btn{padding-top:8px;padding-bottom:8px}
}

/* v181 - final shared shell for every public subpage. Keep this block last. */
html:not([data-theme="dark"]) body.public-page-body{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}
html:not([data-theme="dark"]) body.public-page-body::before,
html:not([data-theme="dark"]) body.public-page-body::after{display:none!important}
html:not([data-theme="dark"]) body.public-page-body>.seo-page,
html:not([data-theme="dark"]) body.public-page-body>.legal-wrap,
html:not([data-theme="dark"]) body.public-page-body>.credit-page,
html:not([data-theme="dark"]) body.public-page-body>.vin-tool{
  background:#fff!important;
  color:#17242c!important;
}
html:not([data-theme="dark"]) body.public-page-body>.site-footer{
  background:#fff!important;
  color:#17242c!important;
  border-top:1px solid #dce4e8!important;
}
html:not([data-theme="dark"]) body.public-page-body>.site-footer .footer-bottom{
  border-top:1px solid #e5eaed!important;
}
html:not([data-theme="dark"]) body.public-page-body>.site-footer a,
html:not([data-theme="dark"]) body.public-page-body>.site-footer p,
html:not([data-theme="dark"]) body.public-page-body>.site-footer span{
  color:#52636d!important;
}
html:not([data-theme="dark"]) body.public-page-body>.site-footer .footer-logo span,
html:not([data-theme="dark"]) body.public-page-body>.site-footer .footer-col h4{
  color:#17242c!important;
}
html:not([data-theme="dark"]) body.public-page-body>.site-footer .footer-logo em{
  color:#20648a!important;
}

/* V210: monochrome accessibility control on iOS, Android and desktop. */
html body .nav .nav-accessibility-btn{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;color:var(--ink)!important}
html body .nav .nav-accessibility-btn svg{display:block;flex:none;stroke:currentColor}
html body .nav .nav-accessibility-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.legal-operator-details{margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink)}
.legal-operator-details>summary{cursor:pointer;font-weight:700;min-height:24px;line-height:24px}
.legal-operator-details>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.legal-operator-details[open]>summary{margin-bottom:14px}