/* Servisne strane (page-specific-services.php, page-services.php): nove sekcije 2026-10-20.
   Boje i font prate branch-page.css (Nunito, #FDC702, #1D1D1D). */
.svc-page{--svc-yellow:#FDC702;--svc-ink:#1D1D1D;--svc-text:#303030;--svc-muted:#5A5A5A;--svc-gold:#8A6A00;--svc-cream:#F7F3E8;--svc-grey:#F5F5F5;--svc-line:#E6E6E6;--svc-tint:#FFF4C2;}
.svc-wrap{max-width:1240px;margin:0 auto;padding:0 24px;}
.svc-page section.svc-section{padding:64px 0;margin:0;}
.svc-page section.svc-section--grey{background:var(--svc-grey);}
.svc-page section.svc-section--cream{background:var(--svc-cream);}
.svc-label{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--svc-gold);margin:0 0 10px;}
.svc-page .svc-section h2{font-family:Nunito,"Helvetica Neue",Arial,sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.15;font-weight:900;color:var(--svc-ink);margin:0 0 18px;text-transform:none;letter-spacing:0;}
.svc-page .svc-section h3{font-family:Nunito,"Helvetica Neue",Arial,sans-serif;font-size:20px;line-height:1.25;font-weight:800;color:var(--svc-ink);margin:28px 0 10px;text-transform:none;}
.svc-page .svc-section p{font-size:16px;line-height:1.65;color:var(--svc-text);margin:0 0 14px;}
.svc-page .svc-section ul{margin:0 0 16px 22px;padding:0;}
.svc-page .svc-section li{font-size:16px;line-height:1.6;color:var(--svc-text);margin:0 0 6px;list-style:disc;}
.svc-page .svc-section li::before{content:none;}
.svc-page .svc-section a{color:var(--svc-ink);text-decoration:underline;text-decoration-color:var(--svc-yellow);text-decoration-thickness:2px;text-underline-offset:3px;}
.svc-page .svc-section a:hover{color:#000;}
.svc-body{max-width:860px;}
.svc-body h2:not(:first-child){margin-top:36px;}
/* tabela */
.svc-tbl{background:#fff;border:1px solid var(--svc-line);border-radius:10px;overflow-x:auto;margin:6px 0 22px;}
.svc-page .svc-tbl table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px;margin:0;border:0;}
.svc-page .svc-tbl th{background:var(--svc-ink);color:#fff;text-align:left;padding:13px 16px;font-weight:800;}
.svc-page .svc-tbl td{padding:13px 16px;border-top:1px solid #EEE;vertical-align:top;color:var(--svc-text);background:none;}
.svc-page .svc-tbl td:first-child{font-weight:800;color:var(--svc-ink);width:32%;}
.svc-page .svc-tbl caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--svc-muted);padding:10px 16px;}
/* sekcije po drzavi */
.svc-states-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.svc-state{background:#fff;border:1px solid var(--svc-line);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:12px;}
.svc-page .svc-state h2{font-size:24px;margin:0;}
.svc-state .svc-label{margin:0;}
.svc-page .svc-state p{font-size:15px;margin:0;}
.svc-state-offices{display:flex;flex-direction:column;gap:8px;margin-top:4px;}
.svc-page .svc-state-offices a{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;text-decoration:none;background:var(--svc-tint);border-radius:6px;padding:10px 12px;color:var(--svc-ink);}
.svc-page .svc-state-offices a:hover{background:#FFE98A;}
.svc-state-offices strong{display:block;}
.svc-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0!important;padding:0;}
.svc-page .svc-chips li{list-style:none;margin:0;}
.svc-page .svc-chips a,.svc-page .svc-chips span{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid var(--svc-line);border-radius:999px;font-size:14px;color:var(--svc-ink);text-decoration:none;background:#fff;}
.svc-page .svc-chips a:hover{border-color:var(--svc-ink);}
.svc-page .svc-chips span{color:var(--svc-muted);}
/* kancelarije */
.svc-offices{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px;}
.svc-office{background:#fff;border:1px solid var(--svc-line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:var(--svc-text);}
.svc-page .svc-office h3{margin:0 0 4px;font-size:18px;}
.svc-page .svc-office h3 a{text-decoration:none;}
.svc-page .svc-office a.svc-tel{font-weight:800;text-decoration:none;margin-top:auto;padding-top:8px;}
.svc-page .svc-office .svc-small{font-size:13px;color:var(--svc-muted);}
/* zakljucak */
.svc-page section.svc-outro{background:var(--svc-ink);color:#fff;}
.svc-page .svc-outro h2,.svc-page .svc-outro p,.svc-page .svc-outro li{color:#fff;}
.svc-outro-inner{max-width:860px;}
.svc-page .svc-outro a{color:#fff;text-decoration-color:var(--svc-yellow);}
.svc-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.svc-page .svc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-weight:800;padding:13px 24px;border-radius:4px;text-decoration:none!important;font-size:16px;line-height:1.3;border:2px solid transparent;}
.svc-page .svc-btn-yellow{background:var(--svc-yellow);color:var(--svc-ink)!important;}
.svc-page .svc-btn-yellow:hover{filter:brightness(.95);}
.svc-page .svc-btn-ghost{border-color:#fff;color:#fff!important;}
.svc-page .svc-btn-ghost:hover{background:rgba(255,255,255,.08);}
/* hub: uvod */
.svc-hub-intro{max-width:860px;}
@media (max-width:767px){
	.svc-page section.svc-section{padding:44px 0;}
	.svc-wrap{padding:0 16px;}
	.svc-state{padding:20px;}
	.svc-page .svc-tbl table{min-width:460px;}
}
/* hub: uvod ispod heroja */
.svc-page .paragraph-section.svc-section{padding:48px 0 8px;}
.svc-page .svc-hub-intro p{font-size:17px;line-height:1.7;color:#303030;margin:0;}
.svc-page .svc-hub-intro a{color:#1D1D1D;text-decoration:underline;text-decoration-color:#FDC702;text-decoration-thickness:2px;text-underline-offset:3px;}

/* ================= Servisna strana v2 (2026-10-20): raspored kao strana poslovnice ================= */
.svc-v2 .svc-wrap{max-width:1240px;}
/* hero: cinjenice u tri kutije */
.svc-facts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px;margin:0;padding:0;}
.svc-v2 .svc-facts li{background:rgba(42,42,42,.92);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--bp-yellow);}
.svc-facts strong{font-size:20px;font-weight:900;color:var(--bp-yellow);line-height:1.15;}
.svc-facts span{font-size:13px;color:#D9D9D9;line-height:1.35;}
.svc-v2 .bp-hero .bp-btn svg{flex:none;}
.svc-v2 .bp-trust a{color:#D9D9D9;text-decoration:underline;text-decoration-color:rgba(253,199,2,.6);text-underline-offset:3px;}
.svc-v2 .bp-hero .bp-row{align-items:center;}
/* zajednicko: naslov sekcije levo, dugme desno */
.svc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;}
.svc-head > .bp-stack{max-width:720px;}
.svc-head > .bp-stack p{color:var(--bp-muted);}
.bp-page .bp-btn-outline-dark{border-color:var(--bp-ink);color:var(--bp-ink);gap:8px;}
.bp-page .bp-btn-outline-dark:hover{background:var(--bp-ink);color:#fff;}
.bp-page .bp-btn-outline-dark svg{stroke:currentColor;}
/* uvod + "What's included" (bez praznog prostora: lista je u kartici, ispod teksta dugmad) */
.svc-v2 section.svc-intro{padding:72px 0;}
.svc-intro-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;}
.svc-intro-main{gap:18px;}
.svc-intro-text p{font-size:17px;line-height:1.7;margin:0 0 12px;}
.svc-intro-text p:last-child{margin:0;}
.svc-v2 .svc-intro-text a{color:#8A6A00;font-weight:700;text-decoration:underline;text-decoration-color:var(--bp-yellow);text-decoration-thickness:2px;text-underline-offset:3px;}
.svc-included{background:var(--bp-cream);border-radius:16px;padding:28px 30px;}
.svc-included-title{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bp-gold);margin-bottom:14px!important;}
.svc-included ul{list-style:none;display:flex;flex-direction:column;gap:12px;}
.svc-included li{display:flex;gap:12px;align-items:flex-start;font-weight:700;color:var(--bp-ink);font-size:15px;line-height:1.45;}
.svc-tick{flex:none;width:24px;height:24px;border-radius:50%;background:var(--bp-yellow);color:var(--bp-ink);display:flex;align-items:center;justify-content:center;margin-top:-1px;}
/* recenzije */
.svc-v2 section.svc-reviews{background:var(--bp-cream);}
.svc-rv-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}
.svc-rv{padding:26px;display:flex;flex-direction:column;gap:12px;border:0;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.svc-rv-top{display:flex;justify-content:space-between;align-items:center;}
.svc-rv .bp-stars{color:#E0A800;}
.bp-page a.svc-rv-more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:800;color:var(--bp-ink);text-decoration:underline;text-decoration-color:var(--bp-yellow);text-decoration-thickness:2px;text-underline-offset:4px;}
.bp-page a.svc-rv-more:hover{color:#000;}
.svc-rv .bp-by a{color:var(--bp-muted);font-size:14px;text-decoration:underline;text-underline-offset:3px;}
/* glavni tekst (svc_content) */
.svc-v2 section.svc-body-section{background:#fff;}
.svc-v2 .svc-body{max-width:900px;}
/* zasto Spyder */
.svc-v2 section.svc-why{background:var(--bp-grey);}
.svc-why-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;}
.svc-why-card{padding:26px;display:flex;flex-direction:column;gap:12px;border:0;border-radius:14px;}
.svc-why-text p{font-size:15px;line-height:1.6;margin:0;}
/* koraci */
.svc-steps-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:none;}
.svc-step{position:relative;background:#fff;border:1px solid var(--bp-line);border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;gap:10px;}
.svc-step-n{width:40px;height:40px;border-radius:50%;background:var(--bp-ink);color:var(--bp-yellow);font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:center;}
.svc-step p{font-size:15px;color:var(--bp-text);}
/* drzave + kancelarije */
.svc-v2 section.svc-states-section{background:var(--bp-cream);padding:80px 0;}
.svc-states-head{max-width:760px;margin-bottom:30px;}
.svc-v2 .svc-states-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;align-items:stretch;}
.svc-v2 .svc-state{border:0;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:28px;gap:14px;}
.svc-v2 .svc-state-h{font-size:22px;line-height:1.25;margin:0;}
.svc-v2 .svc-state-text p{font-size:15px;margin:0;}
.svc-v2 .svc-state-offices{gap:10px;margin:0;}
.svc-ofc{background:var(--bp-grey);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;}
.svc-v2 .svc-section a.svc-ofc-name{font-weight:900;font-size:16px;color:var(--bp-ink);text-decoration:none;}
.svc-v2 .svc-section a.svc-ofc-name::after{content:" →";color:#B78E00;}
.svc-v2 .svc-section a.svc-ofc-addr{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--bp-text);text-decoration:none;}
.svc-v2 .svc-section a.svc-ofc-addr svg{flex:none;margin-top:2px;color:#B78E00;}
.svc-v2 .svc-section a.svc-ofc-addr:hover span{text-decoration:underline;}
.svc-v2 .svc-section a.svc-ofc-tel{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;background:var(--bp-yellow);color:var(--bp-ink);font-weight:900;font-size:15px;text-decoration:none;padding:9px 16px;border-radius:999px;min-height:40px;}
.svc-v2 .svc-section a.svc-ofc-tel:hover{background:#FFD83A;}
.svc-v2 .svc-chips a,.svc-v2 .svc-chips span{background:#fff;}
.svc-v2 .svc-section a.svc-state-all{margin-top:auto;padding-top:10px;font-weight:800;font-size:15px;color:var(--bp-ink);text-decoration:underline;text-decoration-color:var(--bp-yellow);text-decoration-thickness:2px;text-underline-offset:4px;}
/* FAQ */
.svc-faq-a p{padding-bottom:18px;font-size:15px;margin:0;}
/* ostali servisi */
.svc-others-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.bp-page a.svc-other{display:flex;align-items:center;gap:14px;height:100%;min-height:76px;background:#fff;border:1px solid var(--bp-line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--bp-ink);font-weight:800;font-size:16px;line-height:1.3;transition:border-color .15s,transform .15s;}
.bp-page a.svc-other:hover{border-color:var(--bp-ink);transform:translateY(-2px);}
.svc-other .bp-ico{flex:none;}
.svc-other-t{flex:1 1 auto;}
.svc-other > svg{flex:none;color:#B78E00;}
.bp-page a.svc-other--all{background:var(--bp-ink);border-color:var(--bp-ink);color:#fff;justify-content:space-between;}
.bp-page a.svc-other--all:hover{color:#fff;background:#000;}
.svc-other--all > svg{color:var(--bp-yellow);}
/* zavrsni CTA (service-extras outro) u v2 */
.svc-v2 section.svc-outro{padding:72px 0;}
/* mobilni */
@media (max-width:1024px){
	.svc-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.svc-others-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.svc-intro-grid{grid-template-columns:1fr;gap:28px;}
}
@media (max-width:767px){
	.svc-v2 section.svc-intro,.svc-v2 section.svc-states-section,.svc-v2 section.svc-outro{padding:48px 0;}
	.svc-v2 section{padding:48px 0;}
	.svc-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
	.svc-v2 .svc-facts li{padding:10px;}
	.svc-facts strong{font-size:16px;}
	.svc-facts span{font-size:12px;}
	.svc-steps-grid,.svc-others-grid{grid-template-columns:1fr;}
	.svc-included{padding:22px;}
	.svc-v2 .svc-states-grid{grid-template-columns:1fr;}
	.svc-v2 .svc-state{padding:22px;}
	.svc-head .bp-btn{width:100%;}
	.svc-v2 .bp-hero .bp-btns .bp-btn{flex:1 1 100%;}
}

/* ikone "Why Spyder" su gotove SVG plocice (zuta pozadina + crtez): bez tamnog filtera i bez druge podloge */
.svc-why-card .bp-ico{background:none;width:56px;height:56px;}
.svc-why-card .bp-ico img{width:56px;height:56px;filter:none;}
/* FAQ: fotografija ekipe levo, leva kolona prati skrol */
.svc-v2 .bp-faq-intro{position:sticky;top:110px;}
.svc-faq-photo{margin:12px 0 0;}
.svc-faq-photo img{width:100%;height:280px;object-fit:cover;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.10);}
@media (max-width:900px){ .svc-v2 .bp-faq-intro{position:static;} .svc-faq-photo{display:none;} }
/* kartice kancelarija: stari stil (.svc-state-offices a = zuta podloga) ne vazi za v2 */
.svc-v2 .svc-state-offices a{background:none;padding:0;border-radius:0;}
.svc-v2 .svc-state-offices a:hover{background:none;}
.svc-v2 .svc-section .svc-state-offices a.svc-ofc-tel{background:var(--bp-yellow);padding:9px 16px;border-radius:999px;}
.svc-v2 .svc-section .svc-state-offices a.svc-ofc-tel:hover{background:#FFD83A;}
.svc-v2 .svc-states-grid{align-items:start;}
.svc-v2 .svc-section a.svc-state-all{margin-top:4px;}
@media (max-width:767px){
	/* kao na stranama drzava: kraca foto traka, naslov blize vrhu */
	.svc-v2 section.bp-hero--photo{padding-top:120px;padding-bottom:32px;}
	.svc-v2 .bp-hero--photo .bp-hero-bg{height:250px!important;}
	.svc-v2 .bp-hero--photo::before{background:linear-gradient(180deg,rgba(20,20,20,0) 0px,rgba(20,20,20,.25) 90px,rgba(29,29,29,.92) 180px,#1D1D1D 250px);}
	.svc-v2 .bp-hero h1{font-size:34px;}
	.svc-v2 .bp-hero-main{gap:16px;}
}