/* =====================================================================
   SUPREMIO LAB – ista tamna tema za samostalne alate (EN/DE):
   /en/tourist-tax/, /en/schengen-calculator/, /en/booking-commission-calculator/,
   /de/provisionsrechner/, /de/spritpreise/. Učitava se nakon stilova stranice.
   ===================================================================== */
:root{--lab-navy:#050d24;--lab-glass:rgba(255,255,255,.055);--lab-line:rgba(255,255,255,.12);--lab-ink:#e7ecf7;--lab-muted:rgba(231,236,247,.68);--lab-gold:#f0c96e;--lab-gold2:#c9a96e;--lab-ok:#2fd39a;--lab-warn:#ffb547;--lab-bad:#ff6b78}
html body{background:var(--lab-navy)!important;color:var(--lab-ink)}
html body a{color:var(--lab-gold)}
html body a:hover{color:#fff}
/* hero */
html body .hero,html body .t-hero,html body .cc-hero,html body .r-hero{background:radial-gradient(120% 130% at 88% -10%,#173a85 0%,#0a1940 42%,#050d24 100%);position:relative;overflow:hidden}
html body .hero:before,html body .t-hero:before,html body .cc-hero:before,html body .r-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at 75% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse at 75% 0%,#000 0%,transparent 75%);pointer-events:none}
html body .hero>*,html body .t-hero>*,html body .cc-hero>*,html body .r-hero>*{position:relative}
html body .r-kicker{color:var(--lab-gold)}
/* staklene kartice */
html body .t-card,html body .calc-card,html body .card-soft,html body .cc-card,html body .r-panel{background:radial-gradient(120% 90% at 85% 0%,#13306f 0%,#0a1940 40%,#060f2b 100%);border:1px solid #1a2d63;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);color:var(--lab-ink)}
html body .stat,html body .fact,html body .city-tile,html body .who,html body .t-related a,html body .r-card,html body .route-step{background:var(--lab-glass);border:1px solid var(--lab-line);color:var(--lab-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html body .city-tile:hover,html body .t-related a:hover,html body a.r-card:hover{border-color:rgba(201,169,110,.6);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.35)}
html body .r-card.best,html body .route-step.best{border-color:var(--lab-gold2);background:rgba(240,201,110,.08)}
html body .t-card h2,html body .t-card h3,html body .calc-card h2,html body .cc-card h2,html body .who h3,html body .sec-h,html body .r-h2,html body .city-tile .nm{color:#fff}
/* polja */
html body .form-label{color:var(--lab-muted)}
html body .form-control,html body .form-select{background-color:rgba(255,255,255,.07);border:1.5px solid var(--lab-line);color:#fff}
html body .form-control::placeholder{color:rgba(255,255,255,.38)}
html body .form-control:focus,html body .form-select:focus{background-color:rgba(255,255,255,.09);color:#fff;border-color:var(--lab-gold2);box-shadow:0 0 0 .22rem rgba(201,169,110,.18)}
html body .form-select option{background:#0a1940;color:#fff}
html body .form-check-input{background-color:rgba(255,255,255,.08);border-color:var(--lab-line)}
html body .form-check-input:checked{background-color:var(--lab-gold2);border-color:var(--lab-gold2)}
/* gumbi */
html body .btn-accent,html body .r-btn,html body .btn-primary{background:linear-gradient(135deg,#f0c96e,#c9a96e);color:#111827!important;border:0;font-weight:800;box-shadow:0 8px 24px rgba(201,169,110,.28)}
html body .btn-accent:hover,html body .r-btn:hover,html body .btn-primary:hover{transform:translateY(-1px);color:#111827!important}
html body .btn-ghost{background:rgba(255,255,255,.08);color:var(--lab-gold);border:1px solid var(--lab-line)}
html body .btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
html body .r-pill.on,html body .r-pill:hover{background:linear-gradient(135deg,#f0c96e,#c9a96e);border-color:var(--lab-gold2);color:#111827}
/* rezultati */
html body .calc-result,html body .answer{background:linear-gradient(135deg,rgba(240,201,110,.14),rgba(77,126,247,.12));border:1px solid var(--lab-line);border-left:3px solid var(--lab-gold2);color:var(--lab-ink)}
html body .save-box{background:rgba(47,211,154,.1);border:1px solid rgba(47,211,154,.35)}
html body .res-v,html body .res-big,html body .res-v2,html body .stat .v,html body .fact .v,html body .big,html body .r-card .pr{color:#fff;text-shadow:0 0 18px rgba(240,201,110,.25)}
html body .save-box .res-big{color:var(--lab-ok)}
html body .res-k,html body .res-note,html body .stat .k,html body .stat .s,html body .fact .k,html body .city-tile .ct,html body .t-note,html body .who p,html body .trip-row .len,html body .legend span{color:var(--lab-muted)}
html body .city-tile .rt,html body .timeline .d,html body .rate-table td.amt{color:var(--lab-gold)}
html body .row-line,html body .timeline li,html body .trip-row{border-bottom-color:var(--lab-line)}
html body .split-bar,html body .meter,html body .bar{background:rgba(255,255,255,.08)}
html body .verified{background:rgba(47,211,154,.14);color:var(--lab-ok)}
html body .status.ok{background:rgba(47,211,154,.13);color:var(--lab-ok)}
html body .status.warn{background:rgba(255,181,71,.13);color:var(--lab-warn)}
html body .status.bad{background:rgba(255,107,120,.13);color:var(--lab-bad)}
html body .trip-row .rm{background:rgba(255,107,120,.14);color:var(--lab-bad)}
html body .badge-new{background:linear-gradient(135deg,#f0c96e,#c9a96e);color:#111827}
/* tablice */
html body .table{--bs-table-bg:transparent;--bs-table-color:var(--lab-ink);--bs-table-border-color:var(--lab-line);--bs-table-striped-bg:rgba(255,255,255,.03);--bs-table-hover-bg:rgba(255,255,255,.05)}
html body .rate-table th,html body .t-table th,html body .r-table th{background:rgba(255,255,255,.06);color:var(--lab-muted);border-color:var(--lab-line)}
html body .r-table td{border-color:var(--lab-line)}
html body .r-table tr:hover td{background:rgba(255,255,255,.05)}
/* tekst */
html body .prose h2,html body .prose h3,html body .t-prose h2,html body .t-prose h3,html body .cc-prose h2,html body .cc-prose h3,html body .r-prose h2,html body .r-prose h3{color:#fff}
html body .prose p,html body .prose li,html body .t-prose p,html body .t-prose li,html body .cc-prose p,html body .cc-prose li,html body .r-prose p,html body .r-prose li{color:rgba(231,236,247,.8)}
html body .r-tip{background:rgba(255,181,71,.08);color:#ffe3a8}
/* CTA i podnožja */
html body .host-cta,html body .cc-cta,html body .cta-prop,html body .r-cta{background:radial-gradient(120% 120% at 90% 0%,#173a85 0%,#0a1940 45%,#050d24 100%);border:1px solid rgba(201,169,110,.35)}
html body .site-foot,html body .t-foot,html body .cc-foot{background:#030817;border-top:1px solid var(--lab-line)}
html body .ad-lbl,html body .t-ad .lbl,html body .cc-ad .lbl,html body .r-ad .lbl{color:rgba(231,236,247,.4)}
/* njemačke stranice o gorivu (Supremio Reise) – usklađene boje */
html:root{--ink:#e7ecf7;--muted:rgba(231,236,247,.68);--bg:#050d24;--panel:rgba(255,255,255,.055);--panel2:rgba(255,255,255,.08);--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.2);--amber:#f0c96e}
html body .r-head{background:rgba(5,13,36,.92)}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important;animation:none!important}}

/* === Oglasni prostor + Supremio banner (rezerva) ===
   Dok AdSense ne napuni mjesto: vidi se samo Supremio banner, bez natpisa "Oglas".
   Kad AdSense prikaže oglas: banner se skriva, oglas i natpis se prikazuju. Nikad oboje.
   Prazan AdSense okvir je nevidljiv i nema visinu, pa nema bijelog bljeska pri učitavanju. */
.st-ad,.t-ad,.ad-wrap,.r-ad,.cc-ad,.lb-ad{margin:26px 0!important;padding:0!important;min-height:0!important;height:auto!important;border:0!important;background:transparent!important;text-align:left!important;overflow:visible!important}
.st-ad>.st-ad-lbl,.t-ad>.lbl,.ad-wrap>.ad-lbl,.r-ad>.lbl,.cc-ad>.lbl,.lb-ad>.lbl{display:none!important}
ins.adsbygoogle{background:transparent!important}
ins.adsbygoogle:not([data-ad-status="filled"]){display:block!important;height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0!important;margin:0!important;padding:0!important}
ins.adsbygoogle:not([data-ad-status="filled"]) iframe{visibility:hidden!important}
.st-ad:has(ins[data-ad-status="filled"]),.t-ad:has(ins[data-ad-status="filled"]),.ad-wrap:has(ins[data-ad-status="filled"]),.r-ad:has(ins[data-ad-status="filled"]),.cc-ad:has(ins[data-ad-status="filled"]),.lb-ad:has(ins[data-ad-status="filled"]){padding:12px!important;border-radius:14px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;text-align:center!important}
.st-ad:has(ins[data-ad-status="filled"])>.st-ad-lbl,.t-ad:has(ins[data-ad-status="filled"])>.lbl,.ad-wrap:has(ins[data-ad-status="filled"])>.ad-lbl,.r-ad:has(ins[data-ad-status="filled"])>.lbl,.cc-ad:has(ins[data-ad-status="filled"])>.lbl,.lb-ad:has(ins[data-ad-status="filled"])>.lbl{display:block!important}
:has(>ins[data-ad-status="filled"])>.sd-house{display:none!important}
/* banner */
.sd-house{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;text-decoration:none!important;color:#e7ecf7!important;background:radial-gradient(120% 140% at 100% 0%,rgba(240,201,110,.16) 0%,rgba(23,58,133,.55) 38%,#0a1940 70%,#060f2b 100%),#060f2b;border:1px solid rgba(201,169,110,.38);box-shadow:0 18px 44px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;font-family:Montserrat,system-ui,sans-serif}
.sd-house:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%);pointer-events:none}
.sd-house:hover{transform:translateY(-2px);border-color:#f0c96e;box-shadow:0 24px 54px rgba(0,0,0,.45),0 0 0 1px rgba(240,201,110,.25)}
.sd-house,.sd-house *{box-sizing:border-box}.sd-house>*{position:relative}
.sd-h-ic{flex:0 0 52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.45rem;color:#111827;background:linear-gradient(135deg,#f0c96e,#c9a96e);box-shadow:0 8px 22px rgba(201,169,110,.35)}
.sd-h-tx{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0}
.sd-h-k{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f0c96e}
.sd-h-tx strong{font-size:1.04rem;font-weight:800;line-height:1.25;color:#fff}
.sd-h-p{font-size:.86rem;line-height:1.5;color:rgba(231,236,247,.74)}
.sd-h-btn{flex:0 0 auto;white-space:nowrap;padding:.62rem 1.05rem;border-radius:11px;font-weight:800;font-size:.86rem;color:#111827;background:linear-gradient(135deg,#f0c96e,#c9a96e);box-shadow:0 8px 22px rgba(201,169,110,.28)}
@media(max-width:640px){.sd-house{flex-wrap:wrap;gap:12px;padding:16px}.sd-h-ic{flex-basis:44px;height:44px;font-size:1.2rem}.sd-h-tx{flex-basis:calc(100% - 60px)}.sd-h-btn{width:100%;text-align:center}}
.st-side-ad .sd-house{flex-direction:column;align-items:flex-start;text-align:left}.st-side-ad .sd-h-btn{width:100%;text-align:center}
@media print{.sd-house{display:none!important}}
@media(prefers-reduced-motion:reduce){.sd-house{transition:none}}

.sd-blog-ad .st-ad-lbl{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#9aa5bf;margin-bottom:4px}

/* banner u uskom stupcu (bočna traka): slaže se okomito, prema širini boxa, ne ekrana */
.st-ad,.t-ad,.ad-wrap,.r-ad,.cc-ad,.lb-ad,.sd-ad{container-type:inline-size}
@container (max-width:540px){.sd-house{flex-wrap:wrap;gap:12px;padding:16px}.sd-h-ic{flex-basis:44px;height:44px;font-size:1.2rem}.sd-h-tx{flex-basis:calc(100% - 60px)}.sd-h-btn{width:100%;text-align:center}}
/* sadržaj ispod heroja crta se iznad njega (kartice kalkulatora namjerno ulaze u hero) */
html body .hero~*,html body .t-hero~*,html body .cc-hero~*,html body .r-hero~*{position:relative}