/* Vučna služba 24 — shared styles */
html,body{margin:0;padding:0;background:#161513;color:#F3F1EC;font-family:'Barlow','Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
img{max-width:100%;display:block}
a{color:#FFC21A;text-decoration:none}
a:hover{color:#FFD65C;text-decoration:underline}
input,select,textarea,button{font-family:inherit;font-size:16px}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif}
.mono{font-family:'JetBrains Mono','Courier New',monospace}

@keyframes vsPulse{0%{box-shadow:0 0 0 0 rgba(80,220,120,.6)}70%{box-shadow:0 0 0 10px rgba(80,220,120,0)}100%{box-shadow:0 0 0 0 rgba(80,220,120,0)}}

/* links that act as nav/buttons — no underline */
.plain{text-decoration:none}
.plain:hover{text-decoration:none}

/* hover utility classes (replace design's style-hover) */
.btn-yellow{background:#FFC21A;color:#161513;text-decoration:none;transition:background .15s}
.btn-yellow:hover{background:#FFD65C;text-decoration:none;color:#161513}
.btn-dark{background:#161513;color:#FFC21A;text-decoration:none;transition:background .15s}
.btn-dark:hover{background:#33302B;text-decoration:none;color:#FFC21A}
.btn-outline{border:1px solid #4A463F;color:#F3F1EC;text-decoration:none;transition:border-color .15s}
.btn-outline:hover{border-color:#FFC21A;text-decoration:none;color:#F3F1EC}
.card-hover{transition:border-color .15s}
.card-hover:hover{border-color:#1B1A18}
.footer-link{color:#CFCAC0;text-decoration:none;cursor:pointer}
.footer-link:hover{color:#FFC21A;text-decoration:none}
.nav-link{text-decoration:none;cursor:pointer;font-weight:600;font-size:15px;padding:6px 0;border-bottom:2px solid transparent}
.nav-link:hover{text-decoration:none}
.nav-link.active{color:#FFC21A;border-bottom-color:#FFC21A}
.nav-link:not(.active){color:#F3F1EC}
.legal-link{text-decoration:none;cursor:pointer;display:block;padding:10px 14px;border-radius:4px;font-weight:600}
.legal-link:hover{text-decoration:none}
.legal-link.active{background:#161513;color:#FFC21A}
.legal-link:not(.active){background:transparent;color:#33302B}
.crumb-link{cursor:pointer;color:#A8A39A;text-decoration:none}
.crumb-link:hover{color:#FFC21A;text-decoration:underline}

/* FAQ accordion via <details> */
details.faq-item{border-bottom:1px solid #2C2A26}
details.faq-item summary{cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:16px;font-weight:700;font-size:19px;list-style:none}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:'+';color:#FFC21A;font-family:'JetBrains Mono','Courier New',monospace;font-size:20px}
details.faq-item[open] summary::after{content:'−'}
details.faq-item p{margin:0 0 20px;color:#CFCAC0;line-height:1.6}
details.faq-item.light{border-bottom:1px solid #DAD5CB}
details.faq-item.light summary::after{color:#1B1A18}
details.faq-item.light p{color:#33302B}

/* cards / grids reused across pages */
.grid-auto{display:grid;gap:16px}

/* toast */
.toast{position:fixed;left:50%;top:96px;transform:translateX(-50%);z-index:60;background:#F3F1EC;color:#161513;padding:14px 20px;border-radius:4px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.35);display:none;gap:16px;align-items:center}
.toast.show{display:flex}

/* cookie banner */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:760px;margin:0 auto;background:#F3F1EC;color:#1B1A18;border-radius:6px;padding:24px;box-shadow:0 16px 48px rgba(0,0,0,.5);display:none;flex-direction:column;gap:14px}
.cookie-banner.show{display:flex}
.cookie-settings-box{display:none;flex-direction:column;gap:8px;border-top:1px solid #DAD5CB;padding-top:12px}
.cookie-settings-box.show{display:flex}

/* floating call button */
.floating-call{position:fixed;right:18px;bottom:18px;z-index:45;background:#FFC21A;color:#161513;font-weight:800;padding:16px 20px;border-radius:40px;box-shadow:0 8px 24px rgba(0,0,0,.4);text-decoration:none;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:.5px}
.floating-call:hover{text-decoration:none;color:#161513}
