/* Dodaci za CMS verziju: sekcije, zaglavlje podstranice, pomoćne klase pluginova, obrazac, uređivački način. */
.sek{padding:88px 0}
.sek.siva{background:var(--bg)}
.sek.navy{background:var(--navy);color:#fff}
.sek.navy h2,.sek.navy h3,.sek.navy h4{color:#fff}
.sek.navy .eyebrow{color:var(--yellow)}
.sek.navy .lead,.sek.navy p{color:rgba(255,255,255,.8)}
.sek.navy .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.sek.navy .card p{color:rgba(255,255,255,.75)}
.sek.navy .card .icon{background:rgba(255,197,61,.15);color:var(--yellow)}
.sek.navy .card .more,.sek.navy a:not(.btn){color:var(--yellow)}
.sek.navy .feature{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.sek.navy .feature p{color:rgba(255,255,255,.75)}
.sek.navy .fact{background:rgba(255,255,255,.08)}.sek.navy .fact b{color:var(--yellow)}.sek.navy .fact small{color:rgba(255,255,255,.75)}
.sek.navy .checks li{color:#fff}
.sek.tight{padding:48px 0}
.sek.pt0{padding-top:0}
.sek.tight.pt0{padding-top:0}
.sek[id]{scroll-margin-top:84px}
.sec-head{margin-bottom:48px;max-width:760px}
.sec-head.center{text-align:center;margin-inline:auto}
.sec-head.center .lead{margin-inline:auto}
.sec-head h2{margin-bottom:.4em}
.sec-head .lead{margin-bottom:0}
.razmak-s{height:24px}.razmak-m{height:48px}.razmak-l{height:96px}

/* Hero: bez kartice (jedan stupac) i s fotografijom */
.hero .wrap.single{grid-template-columns:1fr}
.hero .hero-badge{background:rgba(255,255,255,.12);color:#fff}
.hero h1{margin-top:18px}
.hero-foto .hero-bg,.phero-foto .hero-bg{position:absolute;inset:0}
.hero-foto .hero-bg img,.phero-foto .hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.28}
.hero-foto .wrap,.phero-foto .wrap{position:relative}

/* Zaglavlje podstranice */
.phero{position:relative;background:radial-gradient(900px 400px at 85% -20%,#2B6FD8 0%,var(--navy) 55%,#081C40 100%);color:#fff;padding:64px 0 56px;overflow:hidden}
.phero h1{margin:0 0 .3em}
.phero .eyebrow{color:var(--yellow)}
.phero .lead{color:rgba(255,255,255,.82);margin:0}
.crumbs{font-size:.85rem;color:rgba(255,255,255,.65);margin-bottom:18px}
.crumbs a{color:rgba(255,255,255,.85);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 4px}

/* CTA traka */
.cta-band{background:var(--navy);color:#fff;padding:56px 0}
.cta-band.zuta{background:var(--yellow);color:var(--navy)}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-band h2{color:inherit;margin:0 0 .3em}
.cta-band p{margin:0;opacity:.85;max-width:60ch}

/* Rasporedi */
.split.rev > :first-child{order:2}
@media (max-width:1024px){.split.rev > :first-child{order:0}}
.grid.tight-gap{gap:16px}
.steps .step{background:var(--bg);border-radius:var(--radius);padding:24px;position:relative}
.steps .step::before{counter-increment:s;content:counter(s);font-family:var(--font-head);font-weight:800;font-size:2.4rem;color:var(--yellow);line-height:1;display:block;margin-bottom:8px}
.steps .step b{display:block;margin-bottom:4px}.steps .step small{color:var(--muted)}
.steps{margin-top:0}
.features{margin-top:0}
.facts{margin-top:0}
.fact{background:var(--bg);border-radius:var(--radius-s);padding:18px}
.fact b{display:block;font-family:var(--font-head);font-size:1.7rem;color:var(--navy);line-height:1}
.fact small{color:var(--muted)}
.stat b{display:block;font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--yellow);line-height:1}
.stat span{font-size:.85rem;color:rgba(255,255,255,.75)}
.tabs{margin:0 0 36px}
.tabs .tab,.tab{text-decoration:none;font-weight:700;padding:10px 18px;border-radius:999px;background:var(--bg);color:var(--navy);border:1px solid var(--line);font-size:.92rem;display:inline-block}
.tab:hover{border-color:var(--navy)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.center{text-align:center}
.prose{max-width:760px}
.prose p{font-size:1.05rem}
.panel{background:var(--bg);border-radius:var(--radius);padding:28px}
.card.compact{padding:20px}
.card .icon + h3{margin-top:0}
.card > p:last-child{margin-bottom:0}
.gallery .ph{aspect-ratio:auto;min-height:170px}
.gallery .ph:first-child{min-height:360px}
.galerija{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,45%),1fr));gap:14px}
.galerija a{display:block;aspect-ratio:4/3;padding:0;overflow:hidden}
.galerija a::before{display:none}
.galerija img{width:100%;height:100%;object-fit:cover}
figure.slika{margin:0;border-radius:var(--radius);overflow:hidden}
figure.slika img{width:100%;height:auto;border-radius:var(--radius)}
figure.slika.ph,figure.slika.wide,figure.slika.tall{aspect-ratio:4/3;background:none;padding:0;display:block}
figure.slika.wide{aspect-ratio:16/9}figure.slika.tall{aspect-ratio:3/4}
figure.slika.ph::before,figure.slika.wide::before,figure.slika.tall::before{display:none}
figure.slika.ph img,figure.slika.wide img,figure.slika.tall img{width:100%;height:100%;object-fit:cover}
figcaption{font-size:.85rem;color:var(--muted);padding:8px 2px 0}
.slika-puna{margin:0}.slika-puna img{width:100%;height:auto}
.video{margin:0}
.yt{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:#000}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.85}
.yt::after{content:"";position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/32px no-repeat}
.yt.on::after{display:none}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.checks-wrap ul{list-style:none;padding:0;margin:20px 0}
.checks-wrap li{display:flex;gap:12px;align-items:flex-start;margin:10px 0}
.checks-wrap li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D2B5E' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:3px}
.brands{margin-top:0}
.tags span{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;color:var(--navy);margin:4px 4px 0 0}
.acc{border:1px solid var(--line);border-radius:var(--radius-s);padding:0 20px;margin-bottom:10px;background:#fff}
.acc summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-head)}
.acc summary::after{content:"+";font-size:1.4rem;color:var(--navy)}
.acc[open] summary::after{content:"–"}
.acc-body{padding:0 0 18px;color:var(--muted)}
.tablica h3{margin-bottom:12px}
.tablica .hours{margin-top:0;border-top:0;padding-top:0}
.dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:.95rem}
.dl dt{color:var(--muted)}.dl dd{margin:0;font-weight:600}
.docs-blok h3{margin-bottom:14px}
.docs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.doc{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 18px;text-decoration:none;color:var(--ink);transition:.2s}
.doc:hover{border-color:var(--navy);box-shadow:var(--shadow)}
.doc > svg{width:24px;height:24px;color:var(--navy);flex:none}
.doc span{flex:1}.doc b{display:block}.doc small{color:var(--muted)}
.doc em{font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.06em;background:var(--yellow);color:var(--navy);padding:3px 8px;border-radius:6px}
.karta{border-radius:var(--radius);overflow:hidden;background:#dfe6f2}
.karta iframe{width:100%;height:100%;border:0;display:block}
.feature.hot svg{color:var(--red)}.feature.gold svg{color:#8A6300}.feature svg{color:var(--navy)}
.feature.hot svg,.features .feature svg{color:var(--red)}
.card .icon img{width:28px;height:28px}
.feature img{width:30px;height:30px;margin-bottom:12px}
.hero-card h3 img{width:26px;height:26px}
.hero-card .num{cursor:default}a.hero-card .num,.hero-card a.num{cursor:pointer}

/* Obrazac */
.kforma h3{margin-bottom:4px}
.form-poruka{padding:12px 16px;border-radius:var(--radius-s);margin-bottom:16px;font-size:.95rem}
.form-poruka.success{background:#e6f4ea;color:#1e6b3a}
.form-poruka.error{background:#fdecea;color:#b3261e}
form.f .consent input{width:auto}

/* Cjenik: stranica za ispis i popis */
body.ispis main{background:#fff}

.ispis .doc{max-width:900px;margin:0 auto;padding:40px 24px 60px;display:block;border:0;box-shadow:none}
.ispis .doc:hover{border:0;box-shadow:none}
.ispis .doc .head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:3px solid var(--yellow);padding-bottom:20px;margin-bottom:28px;flex-wrap:wrap}
.ispis .doc .head .brand{color:var(--navy)}.ispis .doc .head small{display:block;color:var(--muted);font-size:.85rem;line-height:1.5;text-align:right}
.ispis .doc h1{font-size:2rem;margin:0 0 6px}.ispis .doc .meta{color:var(--muted);font-size:.9rem;margin-bottom:24px}
.ispis .doc table.prices{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ispis .doc .note{font-size:.85rem;color:var(--muted);margin-top:22px;line-height:1.6}
.ispis .doc .back{margin-bottom:24px;display:inline-flex}
.ispis .doc .actions{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.doc-list .card.row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.doc-list .card.row > div:first-child{display:flex;gap:16px;align-items:center}
.doc-list .card.row h3{margin:0}.doc-list .card.row p{margin:4px 0 0}
.doc-list .ic{width:32px;height:32px;color:var(--navy);flex:none}
.doc-list .links{display:flex;gap:8px;flex-wrap:wrap}
@media print{.ispis .doc .back,.ispis .doc .actions,.kc{display:none}.ispis .doc{padding:0}.sek{padding:24px 0}}

/* 404 */
.e404{padding:120px 0}

/* Uređivački način */
.cms-toolbar-expanded header.site{top:46px}
.cms-toolbar-expanded .cms-plugin:empty{min-height:20px}
.cms-toolbar-expanded .topbar ul{display:flex}

/* Lightbox */
.lb{position:fixed;inset:0;z-index:10000;background:rgba(8,28,64,.92);display:none;align-items:center;justify-content:center}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:86vh;border-radius:12px;box-shadow:var(--shadow-lg)}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:1.6rem;cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.25)}
.lb-x{top:16px;right:16px}.lb-p{left:16px;top:50%;margin-top:-24px}.lb-n{right:16px;top:50%;margin-top:-24px}
.lb-c{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;font-size:.85rem}

/* Popravci nakon vizualne provjere */
a.card,a.card:hover{text-decoration:none;color:inherit}
a.card p{color:var(--muted)}
.sos-band .eyebrow{color:rgba(255,255,255,.85)}
footer.site .legal span:last-child a{margin-left:14px}
footer.site .legal span:last-child a:first-child{margin-left:0}
.btn-row.center{justify-content:center}
.split > *{min-width:0}
.gallery > *{min-width:0}
.gallery figure.slika.ph{aspect-ratio:auto;height:100%}
@media (max-width:760px){.gallery figure.slika.ph,.gallery figure.slika.ph:first-child{aspect-ratio:4/3;height:auto;min-height:0}}
table.prices tr.grupa th{background:#fff;color:var(--navy);font-family:var(--font-head);font-size:1rem;letter-spacing:0;text-transform:none;padding-top:22px;border-bottom:2px solid var(--yellow)}
table.prices td.p .pp-info{display:block;white-space:normal;min-width:120px;font-family:var(--font-body);font-weight:500;font-size:.78rem;color:var(--muted);margin-top:3px}
table.prices td.p s.stara{font-weight:600;color:var(--muted);font-size:.95rem}
table.prices td.p .akcija{color:#c0392b}
@media (max-width:760px){table.prices tr.grupa th{display:table-cell}}