/* Blue identity, navy anchors, and warm action accents. */
:root{--blue:#0759c7;--navy:#0c2347;--muted:#53647d;--line:#d7e2ef;--pale:#f0f5fc;--accent:#ffb02e;--accent-soft:#fff2da}
body{background:#fff;color:var(--navy)}
.top{background:#071b39;border-bottom:3px solid var(--accent);letter-spacing:.9px}
header{background:#fffffff5;border-color:#d5e0ed;box-shadow:0 4px 22px #0c23470b}
.nav .nav-rate{color:#0c2347!important;background:var(--accent);border-radius:8px;font-weight:750}
.hero{background:radial-gradient(ellipse at 100% 5%,#c9ddff 0%,transparent 55%),linear-gradient(115deg,#fff 22%,#edf4ff 100%);border-bottom:1px solid #d7e2ef;isolation:isolate}
.hero:before{content:'';position:absolute;left:0;top:0;height:100%;width:7px;background:var(--blue);z-index:-1}
.hero h1{color:#0c2347;font-weight:800;letter-spacing:-3px}
.hero h1 span{color:#0759c7;position:relative;white-space:nowrap}
.hero h1 span:after{content:'';display:block;width:70px;height:6px;border-radius:3px;background:var(--accent);margin-top:19px}
.hero .eyebrow{color:#0759c7;font-weight:750}
.intro{color:#455977}
.button{background:var(--accent);border-color:var(--accent);color:#0c2347;box-shadow:0 6px 18px #d98a1326;font-weight:750}
.button:hover{background:#ffc15b;border-color:#ffc15b;filter:none;box-shadow:0 8px 25px #b16e1328}
.button.secondary{color:#0c2347;background:#fff;border-color:#b9c9dd;box-shadow:none}
.button.secondary:hover{background:#eaf2ff;border-color:#0759c7}
.hero-services a{border-color:#ccd9eb;color:#1a365d;font-weight:600}
.hero-services span{color:#0759c7;font-weight:700}
.mini-panel{border-color:#cddbeb;box-shadow:0 9px 30px #0c23470e;border-radius:16px}
.rate-panel{background:linear-gradient(125deg,#0c2347,#143e75);border:1px solid #0c2347;border-top:4px solid var(--accent);color:#fff;box-shadow:0 14px 32px #0c23472b}
.rate-panel .mini-head h2{color:#fff;font-weight:750}
.rate-panel .mini-currencies{color:#c9dfff}
.rate-panel .mini-currencies span{color:#91b8ee}
.rate-panel p,.rate-panel .fine{color:#c4d6ee!important}
.rate-panel .mini-phone{color:#ffbe53}
.rate-panel .mini-phone span{color:#e0ecff}
.rate-panel .rate-table th{color:#becfe8}
.rate-panel .rate-table td{color:#fff;border-color:#ffffff26}
.rate-panel .rate-table td:first-child{color:#ffbe53}
.rate-panel>a[href='/admin/kurs/']{color:#ffbe53!important}
.calculator-panel{background:#fff;border-top:4px solid var(--blue)}
.calculator-panel .mini-head h2{font-weight:750;color:#0c2347}
.calculator-panel .result{background:#e9f1ff;border:1px solid #cdddf5;color:#0c2347}
.calculator-panel .result small{color:#40597c}
.calculator-panel .result output{color:#0649a3;font-weight:750}
.rate-product-promo{background:linear-gradient(125deg,#fff0d1,#fffaf0);border-color:#ebbf6e;border-left:5px solid var(--accent);box-shadow:0 8px 25px #bb7b1610}
.rate-product-promo .promo-kicker{color:#805000}
.rate-product-promo .promo-cta{background:#0c2347;color:white}
.rate-product-promo .promo-cta:hover{background:#0759c7}
.rate-product-promo .promo-price{color:#0c2347}
.partner-strip{background:#fff;border-bottom:1px solid #d7e2ef}
.document-promo{padding-top:35px}
.document-promo-card{background:radial-gradient(ellipse at 98% 3%,#2264bf 0%,transparent 50%),linear-gradient(125deg,#071b39,#0c3671);border-left:6px solid var(--accent);box-shadow:0 22px 50px #0c23471a}
.document-promo .eyebrow{color:#ffbe53}
.document-promo .button,.takse .button{background:var(--accent);color:#0c2347;border-color:var(--accent)}
.document-promo .button:hover,.takse .button:hover{background:#ffc15b;border-color:#ffc15b}
#usluge{background:#f1f5fb;border-top:1px solid #e1e8f1;border-bottom:1px solid #e1e8f1}
.service{background:white;border-color:#d7e2ef;box-shadow:0 5px 16px #0c234706}
.service .icon{background:#e6efff;color:#0759c7}
.service:nth-child(2) .icon,.service:nth-child(4) .icon{background:#fff0d1;color:#805000}
.service h3{color:#0c2347;font-weight:750}
.service:hover{border-color:#9ebce7;box-shadow:0 14px 30px #0c234712}
.section-heading .eyebrow{color:#0759c7}
#shop-ponuda{background:#fff}
.shop-intro{background:#fff7e8;border-color:#edcc92;border-left:5px solid var(--accent)}
.shop-featured>a{border-color:#ccdbee;background:#fff;box-shadow:0 6px 20px #0c234708;border-bottom:4px solid var(--accent)}
.shop-featured strong{color:#0c2347;font-size:20px}
.takse{background:radial-gradient(ellipse at 95% 0,#145da9,transparent 65%),#071f43;border-top:5px solid var(--accent);box-shadow:0 20px 45px #0c234714}
.takse .eyebrow{color:#ffbe53}
.step-number{background:#ffb02e;color:#0c2347;border-color:#ffb02e;font-weight:750}
#informacije{background:#fff}
#lokacije{background:#f0f5fc;border-top:1px solid #dde6f3}
.location{border-left:4px solid var(--blue);box-shadow:0 7px 24px #0c234708}
.map-link{background:#0c2347;color:#fff}
.contact-band{background:#0c2347;border-color:#0c2347;color:#fff}
.contact-band a{color:#ffbe53}
footer{background:#071b39;border-top:4px solid var(--accent);color:#bed0e8}
.club{color:#53647d}
.shop-popup{border-top:6px solid var(--accent)}
.shop-popup-visual{background:#edf3fc}
.shop-popup-kicker{color:#0759c7}
.shop-popup-copy .button{background:var(--accent);border-color:var(--accent);color:#0c2347}
.shop-popup-copy .button:hover{background:#ffc15b}
.mobile-call{background:var(--accent);color:#0c2347;box-shadow:0 7px 30px #0c234733}
@media(max-width:700px){.hero:before{width:4px}.hero h1{letter-spacing:-2px}.hero h1 span:after{height:5px;margin-top:15px;width:55px}.document-promo{padding-top:22px}.document-promo-card{border-left-width:4px}}
@media(max-width:350px){.hero h1{font-size:40px;letter-spacing:-1.8px}}

@media(min-width:701px){.nav{gap:15px}.nav a{white-space:nowrap}}
@media(min-width:701px) and (max-width:1050px){.header{height:90px}.menu{display:block}.nav{display:none;position:absolute;top:90px;left:0;right:0;background:#fff;padding:25px;box-shadow:0 12px 20px #0c234714;flex-direction:column;align-items:stretch;gap:10px}.nav.open{display:flex}.nav a{font-size:14px;padding:8px}.nav-rate{padding:12px!important}}