/* Good Wi-Fi — shared header & footer */

/* EC-CUBE wrapper must not break #site-header sticky (mockup: header is direct layout child) */
.ec-layoutRole__header {
  display: contents;
}

#site-header {
  position: sticky;
  top: 0;
  z-index: 200;
}

header.is-scrolled,
#site-header.is-scrolled {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

#mobile-menu[hidden] {
  display: none;
}

.nav-dropdown[hidden] {
  display: none;
}

[data-nav-chevron].is-open {
  transform: rotate(180deg);
}

/* ── In-page smooth scroll (data-scroll-to → data-scroll-anchor) ── */
:root {
  --gw-scroll-offset: 5rem;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

[data-scroll-anchor] {
  scroll-margin-top: var(--gw-scroll-offset);
}

@keyframes gw-scroll-anchor-highlight {
  0% {
    outline: 3px solid transparent;
    outline-offset: 8px;
  }
  20% {
    outline-color: rgb(0 174 239 / 0.45);
  }
  100% {
    outline-color: transparent;
  }
}

[data-scroll-anchor]:target {
  animation: gw-scroll-anchor-highlight 1.4s ease-out;
}

.gw-scroll-link.is-scrolling {
  pointer-events: none;
  opacity: 0.9;
}