/* Site-level overrides for the frozen WordPress markup. */

/* Keep the hamburger through tablet widths so "Why invest in girls?"
   does not wrap Donate onto a second header row. WP's default is 600px. */
@media (max-width: 959px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
    position: fixed !important;
  }
}

@media (max-width: 599px) {
  header .wp-block-image img.wp-image-18 {
    width: 210px !important;
    max-width: min(210px, 70vw);
  }

  header .wp-block-group.alignwide {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

/* Full-screen overlay: left-aligned list, even rhythm, 48px tap targets. */
.wp-block-navigation__responsive-container.is-menu-open {
  align-items: stretch;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-container {
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100%;
  gap: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-container {
  padding: 0 !important;
  min-width: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 0.65rem 0.25rem !important;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: left;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
  padding-left: 1.15rem !important;
  font-size: 1.05rem;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content:focus {
  outline: none;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (max-width: 959px) {
  main.wp-block-group {
    margin-top: 0 !important;
  }
}

/* Desktop/tablet-wide: keep a single row of top-level links. */
@media (min-width: 960px) {
  .wp-block-navigation__container {
    flex-wrap: nowrap;
    gap: 1.25rem;
  }

  .wp-block-navigation .wp-block-navigation-item__content {
    white-space: nowrap;
  }
}