/* ═══════════════════════════════════════════════
   site.css — Shared styles for parawomen.ca
   ═══════════════════════════════════════════════ */

/* ── Reset & Base ── */
*,*::before,*::after{box-sizing:border-box}
body{font-family:'Inter',ui-sans-serif,system-ui,sans-serif}
body,main{overflow-x:hidden}
:focus-visible{outline:2px solid #3B9EDB;outline-offset:3px;border-radius:4px}

/* ── Card hover — mouse only ── */
.shop-card{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover)and(pointer:fine){.shop-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.11)}}

/* ── Accordion ── */
.cat-panel{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}
.cat-panel.open{max-height:99999px}
.cat-chevron{transition:transform .3s ease}
.cat-toggle[aria-expanded="true"] .cat-chevron{transform:rotate(180deg)}
.cat-toggle:hover{background-color:rgba(59,158,219,.04)}

/* ── Accessory sub-group label ── */
.acc-group-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF;padding:.25rem 0 .75rem}

/* ── Carousel dots ── */
.carousel-dot{width:6px;height:6px;border-radius:9999px;background:rgba(255,255,255,.5);border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}
.carousel-dot.active{background:#fff;transform:scale(1.3)}

/* ── Cart drawer ── */
#cart-drawer{transition:transform .3s ease}

/* ═══════════════════════════════════════════════
   Home page (index.html)
   ═══════════════════════════════════════════════ */

/* Scroll-margin for anchor links */
section[id]{scroll-margin-top:56px}
@media(min-width:1024px){section[id]{scroll-margin-top:64px}}

/* Hero parallax */
.hero-bg{background-image:url('eazy-1.jpg');background-attachment:fixed;background-size:cover;background-position:center}
@media(hover:none)and(pointer:coarse){.hero-bg{background-attachment:scroll}}

/* Hero logo sizing */
.hero-logo{max-width:min(560px,90vw)}
@media(orientation:portrait) and (max-width:1023px){.hero-logo{max-width:96vw}.hero-wrapper{max-width:none!important;padding-left:0!important;padding-right:0!important}}
@media(min-width:1024px){.hero-logo{max-width:min(1680px,95vw)}}

/* Transparent nav over hero */
#navbar{transition:background .3s ease,box-shadow .3s ease;border-bottom:none}
#navbar:not(.at-top){box-shadow:0 1px 0 0 var(--color-gray-200)}
#navbar.at-top{background:transparent!important}
#navbar.at-top .nav-link{color:rgba(255,255,255,.9)!important}
#navbar.at-top .nav-link:hover{color:#fff!important}
#navbar.at-top #mobile-menu .nav-link{color:var(--color-dark)!important}
#navbar.at-top #mobile-menu .nav-link:hover{color:var(--color-brand)!important}
#navbar.at-top .nav-icon{color:rgba(255,255,255,.9)!important}
#navbar.at-top .nav-icon:hover{color:#fff!important}

/* Mobile nav */
#mobile-menu{max-height:0;overflow:hidden;transition:max-height .3s ease}
#mobile-menu.open{max-height:320px}
.nav-link.active{color:#3B9EDB}

/* ═══════════════════════════════════════════════
   Shop page (shop/index.html)
   ═══════════════════════════════════════════════ */

/* Shop hero parallax */
.shop-hero-bg{
  background-image:url('https://ventus.airdesign.at/index.php/s/y8HHUE1dNCEIVIT/download?path=%2F06_Rise%205&files=IMG_7428.jpg');
  background-attachment:fixed;background-size:cover;background-position:center
}
@media(hover:none)and(pointer:coarse){.shop-hero-bg{background-attachment:scroll}}