/* 🟣 Extra Life Crisis — Overlay Hamburger Menu (scoped, no global overrides) */

/* Overlay container background (open + content area) */
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content,
body.has-modal-open .wp-block-navigation__responsive-container,
body.has-modal-open .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
  background: #0d0d0d !important;
}

/* Menu text & links (only inside the overlay) */
.wp-block-navigation__responsive-container .wp-block-navigation__container a,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content {
  color: #a64dff !important;         /* ELC purple */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 14px 0;
  display: block;
  text-align: center;
  transition: color 0.2s ease, transform 0.2s ease;
}

.wp-block-navigation__responsive-container .wp-block-navigation__container a:hover,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container .wp-block-navigation__container a:focus {
  color: #d580ff !important;          /* Aggro hover */
  transform: translateX(4px);
}

/* Subtle separators (menu only) */
.wp-block-navigation__responsive-container .wp-block-navigation__container > li {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Close (X) icon in overlay */
.wp-block-navigation__responsive-container-close svg {
  stroke: #a64dff !important;
  stroke-width: 3px;
}

/* Dim/blur page behind menu (optional but slick) */
body.has-modal-open .wp-site-blocks {
  filter: blur(2px) brightness(0.6);
  transition: filter 0.2s ease;
}

/* Hamburger icon style (button only) */
.wp-block-navigation__responsive-container-open svg {
  stroke: #a64dff;
  stroke-width: 3px;
  width: 36px;
  height: 36px;
  transition: transform 0.3s ease;
}
.wp-block-navigation__responsive-container-open:hover svg {
  transform: scale(1.1);
  stroke: #ffffff;
}

/* Mobile tap targets */
@media (max-width: 782px) {
  .wp-block-navigation__responsive-container .wp-block-navigation__container a {
    font-size: 1.1rem;
    padding: 16px 0;
  }
}