/**
 * LUNE & LUNA mega panels — width + vertical link lists
 * Desktop: slim image column on the right.
 * Mobile overlay: stack full-width — never squeeze cover to ~24%.
 */

@media (min-width: 782px) {
  .wp-block-navigation:not(.is-menu-open) .wp-block-kutchara-mega-menu__menu-container,
  .wp-block-kutchara-mega-menu__menu-container.menu-width-wide,
  .wp-block-kutchara-mega-menu__menu-container.menu-width-content,
  .wp-block-kutchara-mega-menu__menu-container.menu-width-full {
    max-width: 1100px !important;
    width: min(1100px, 100vw - 2rem) !important;
    box-sizing: border-box;
  }

  .wp-block-kutchara-mega-menu__menu-container .wp-block-columns > .wp-block-column:has(> .wp-block-cover) {
    flex-basis: 24% !important;
    max-width: 28%;
  }
  .wp-block-kutchara-mega-menu__menu-container .wp-block-cover {
    max-width: 200px;
    margin-left: auto;
  }

  .wp-block-kutchara-mega-menu__menu-container .wp-block-columns {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
  }
}

/* Submenu links always stack vertically */
.wp-block-kutchara-mega-menu__menu-container .wp-block-navigation,
.wp-block-kutchara-mega-menu__menu-container .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  white-space: normal !important;
  gap: 0.35rem !important;
}
.wp-block-kutchara-mega-menu__menu-container .wp-block-navigation-item {
  display: block !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  white-space: normal !important;
}
.wp-block-kutchara-mega-menu__menu-container .wp-block-navigation-item__label,
.wp-block-kutchara-mega-menu__menu-container .wp-block-navigation-item__content {
  white-space: normal !important;
}

/* Mobile / open overlay: stack columns; cover full width, not crushed */
@media (max-width: 781px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-columns,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-columns {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 1rem !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-columns > .wp-block-column,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-columns > .wp-block-column {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-columns > .wp-block-column:has(> .wp-block-cover),
  .wp-block-kutchara-mega-menu__menu-container .wp-block-columns > .wp-block-column:has(> .wp-block-cover) {
    flex-basis: 100% !important;
    max-width: 100% !important;
    order: -1; /* image above links on mobile */
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-cover,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-cover {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 160px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-cover__inner-container,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-cover__inner-container {
    padding: 1rem !important;
  }
}

/* Mobile mega: headings + links share the same left edge (no centered link column) */
@media (max-width: 781px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container,
  .wp-block-kutchara-mega-menu__menu-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-columns > .wp-block-column,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-columns > .wp-block-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-navigation,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-navigation__container,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-navigation,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-navigation__container {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    justify-items: start !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-navigation-item,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-navigation-item {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }
  /* Links/labels shrink to text so underline (::after / background-size) matches glyphs */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-navigation-item__content,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-navigation-item__content {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
    text-align: left !important;
    width: fit-content !important;
    max-width: 100% !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-kutchara-mega-menu__menu-container .wp-block-heading,
  .wp-block-kutchara-mega-menu__menu-container .wp-block-heading {
    text-align: left !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
}


/* Column title → subcategory gap (Kutchara demo facit) */
.wp-block-kutchara-mega-menu__menu-container .wp-block-column {
  display: flex !important;
  flex-direction: column !important;
  row-gap: 0.95rem !important;
  gap: 0.95rem !important;
}
.wp-block-kutchara-mega-menu__menu-container .wp-block-heading,
.wp-block-kutchara-mega-menu__menu-container h2.wp-block-heading,
.wp-block-kutchara-mega-menu__menu-container h3.wp-block-heading {
  margin: 0 !important;
  margin-block: 0 !important;
  padding-bottom: 0 !important;
}
.wp-block-kutchara-mega-menu__menu-container .luneluna-mega-links,
.wp-block-kutchara-mega-menu__menu-container ul.wp-block-list,
.wp-block-kutchara-mega-menu__menu-container .wp-block-heading + .wp-block-list,
.wp-block-kutchara-mega-menu__menu-container .wp-block-heading + ul,
.wp-block-kutchara-mega-menu__menu-container .wp-block-heading + .wp-block-navigation,
.wp-block-kutchara-mega-menu__menu-container .wp-block-heading + nav {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-top: 0 !important;
}