/* Zajednička responzivna pravila za sve stranice (uvozi se kroz Header i Footer). */

/* ---------- HEADER ---------- */
.hdr-nav{flex:1 1 0;min-width:0;display:flex;gap:22px;flex-wrap:nowrap;white-space:nowrap;justify-content:center}
.hdr-nav a{display:inline-flex;align-items:center;min-height:44px}
.hdr-burger{all:unset;box-sizing:border-box;cursor:pointer;display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,0.16)}
.hdr-burger:focus-visible{outline:3px solid #D92D7A;outline-offset:2px}
@media (max-width: 900px){
  .hdr-row{padding:8px 16px !important}
  .hdr-burger{display:inline-flex}
  .hdr-nav{display:none}
  .hdr-nav.is-open{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;z-index:40;background:#0C0817;border-bottom:1px solid rgba(255,255,255,0.09);box-shadow:0 24px 40px rgba(0,0,0,0.5);padding:4px 16px 12px}
  .hdr-nav.is-open a{min-height:52px;font-size:15px !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;color:#F5F2FA !important}
  .hdr-nav.is-open a[aria-current="page"]{color:#D92D7A !important}
  .hdr-cta{padding:0 16px !important}
}

/* ---------- FOOTER ---------- */
.ftr-top{display:flex;flex-wrap:wrap;gap:32px 48px;align-items:flex-start}
.ftr-brand{flex:0 1 auto;display:flex;flex-direction:column;gap:14px;max-width:100%}
.ftr-logo{font-family:Archivo,sans-serif;font-stretch:112%;font-weight:900;font-size:clamp(52px,7.4vw,104px);line-height:0.85;letter-spacing:-0.05em;white-space:nowrap}
.ftr-cols{flex:1 1 480px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;font-size:14px}
@media (max-width: 600px){
  .ftr-cols{grid-template-columns:1fr 1fr}
  .ftr-cols > div:last-child{grid-column:1 / -1}
  footer{padding:44px 20px 28px !important}
}
@media (max-width: 360px){.ftr-cols{grid-template-columns:1fr}}

.ftr-cols a:hover{color:#FFFFFF !important}

.hdr-logo{display:block;height:40px;width:auto}
.ftr-logo-img{display:block;height:clamp(64px,7vw,96px);width:auto}
.soc:hover{border-color:#FFFFFF !important;background:rgba(255,255,255,0.06)}
@media (max-width: 600px){.hdr-logo{height:30px}}