/* Izposoja Smuči Pohorje — base styles, hover states, shared widgets */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f3f2f2;color:#201e1d;font-family:'Archivo',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0}
a{color:#201e1d;text-decoration-color:#ec3013;text-underline-offset:3px}
a:hover{color:#ec3013}
input,select,textarea,button{font-family:inherit;font-size:16px}
:focus-visible{outline:2px solid #ec3013;outline-offset:2px}
::selection{background:#fbd3c9}
img{max-width:100%;display:block}

.hidden{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.photo-cover{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.photo-cover.color{filter:none}

/* ---- hover button/card classes (replace design's style-hover) ---- */
.btn-hov-dark:hover{background:#201e1d;color:#f3f2f2}
.btn-hov-accentdark-b:hover{background:#c42209;border-color:#c42209;color:#fff}
.btn-hov-accentdark:hover{background:#c42209;color:#fff}
.card-hov-white:hover{background:#fff}
.btn-hov-accentdark-plain:hover{background:#c42209}
.btn-hov-accent:hover{background:#ec3013;color:#fff}
.btn-hov-accent-plain:hover{background:#ec3013}
.btn-hov-white:hover{background:#fff;color:#201e1d}

.nav-link:hover{background:#201e1d !important;color:#f3f2f2 !important}
.footer-link:hover{color:#f59a85 !important}
.legal-link:hover{color:#ec3013 !important}

/* ---- FAQ accordion (native details/summary) ---- */
details.faq{border-bottom:2px solid #201e1d}
details.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:20px;font-weight:700;color:#201e1d}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::marker{content:''}
details.faq summary .sign{color:#ec3013;font-size:26px;line-height:1}
details.faq summary .sign::before{content:'+'}
details.faq[open] summary .sign::before{content:'\2212'}
details.faq .faq-a{padding:0 0 24px;color:#3d3a38;font-size:17px;max-width:72ch}

/* ---- cart drawer / cookie banner base positioning ---- */
#cart-overlay{position:fixed;inset:0;background:rgba(32,30,29,.5);z-index:60}
#cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#f3f2f2;z-index:61;border-left:2px solid #201e1d;display:flex;flex-direction:column}
#cookie-banner{position:fixed;left:16px;bottom:16px;right:16px;max-width:560px;z-index:70;background:#fff;border:2px solid #201e1d;box-shadow:0 12px 32px rgba(32,30,29,.18);padding:20px;display:grid;gap:12px}

.qty-btn{width:32px;height:30px;border:0;background:transparent;cursor:pointer;font-size:16px}
.qty-btn:hover{background:#e2e0df}

/* ---- form field focus ---- */
input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select,textarea{
  padding:12px;border:2px solid #201e1d;background:#fff;border-radius:0;width:100%
}

@media (max-width:640px){
  .legal-layout{flex-direction:column}
  .legal-nav{position:static !important;flex:1 1 auto !important}
}