/* ARIA 2026-06-11: align newer TOW mobile off-canvas menu look with ESP reference. */
@media (max-width: 767.98px) {
  html .mm-menu--offcanvas,
  html .mm-menu.mm-menu--offcanvas {
    --mm-size: 300px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
  }

  html.mm-wrapper--opened .mm-slideout,
  html.mm-wrapper--opened body .mm-slideout,
  body.mm-wrapper--opened .mm-slideout {
    transform: translate3d(300px, 0, 0) !important;
  }

  .mm-menu--offcanvas #mm-1 > .mm-navbar,
  .mm-menu--offcanvas .mm-panel--parent > .mm-navbar:first-child {
    display: none !important;
  }

  .mm-menu--offcanvas .mm-panel:not(#mm-1) > .mm-navbar {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 40px !important;
    background: #ede9e9 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
  }

  .mm-menu--offcanvas .mm-panel:not(#mm-1) > .mm-navbar .mm-btn--prev,
  .mm-menu--offcanvas .mm-panel:not(#mm-1) > .mm-navbar .mm-navbar__btn {
    display: block !important;
    width: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
  }

  .mm-menu--offcanvas .mm-panel:not(#mm-1) > .mm-navbar .mm-btn--prev::after,
  .mm-menu--offcanvas .mm-panel:not(#mm-1) > .mm-navbar .mm-navbar__btn::after,
  .mm-menu--offcanvas .mm-panel:not(#mm-1) > .mm-navbar .mm-btn--prev::before,
  .mm-menu--offcanvas .mm-panel:not(#mm-1) > .mm-navbar .mm-navbar__btn::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
  }

  .mm-menu--offcanvas .mm-panel:not(#mm-1) > .mm-navbar .mm-navbar__title {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 24px !important;
    right: 0 !important;
    width: auto !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 10px 16px 10px 0 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #111 !important;
    text-align: left !important;
  }

  .mm-menu--offcanvas .mm-panels > .mm-panel,
  .mm-menu--offcanvas .mm-panel.mm-panel--opened {
    /* Keep rows/dividers/backgrounds menu-wide; add inset on row text instead. */
    padding: 20px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  .mm-menu--offcanvas .mm-panel:not(#mm-1).mm-panel--opened {
    padding-top: 40px !important;
  }

  .mm-menu--offcanvas .mm-panel:before,
  .mm-menu--offcanvas .mm-panel:after,
  .mm-menu--offcanvas .mm-listview:before,
  .mm-menu--offcanvas .mm-listview:after {
    height: 0 !important;
    display: none !important;
  }

  .mm-menu--offcanvas .mm-listview,
  .mm-menu--offcanvas .mm-panel > .mm-listview {
    margin: 0 !important;
    width: 100% !important;
  }

  .mm-menu--offcanvas .mm-listitem,
  .mm-menu--offcanvas .mm-listview > li {
    min-height: 41px !important;
    width: 100% !important;
    border-color: rgba(0,0,0,.10) !important;
    color: #111 !important;
  }

  .mm-menu--offcanvas .mm-listitem:after {
    left: 0 !important;
    border-color: rgba(0,0,0,.10) !important;
  }

  .mm-menu--offcanvas .mm-listitem__text,
  .mm-menu--offcanvas .mm-listitem > a:not(.mm-btn),
  .mm-menu--offcanvas .mm-listview > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  .mm-menu--offcanvas .mm-listitem[data-mm-child],
  .mm-menu--offcanvas .mm-listitem.dropdown,
  .mm-menu--offcanvas .mm-listitem:has(> .mm-btn--next),
  .mm-menu--offcanvas .mm-listview > li:has(> span:first-child),
  .mm-menu--offcanvas .mm-listview > li:has(> ul),
  .mm-menu--offcanvas li:has(> ul) {
    min-height: 41px !important;
    max-height: 41px !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    margin: 0 0 1px 0 !important;
  }

  .mm-menu--offcanvas .mm-listitem[data-mm-child] > .mm-listitem__text,
  .mm-menu--offcanvas .mm-listitem.dropdown > .mm-listitem__text,
  .mm-menu--offcanvas .mm-listitem:has(> .mm-btn--next) > .mm-listitem__text,
  .mm-menu--offcanvas .mm-listview > li:has(> span:first-child) > span:first-child,
  .mm-menu--offcanvas .mm-listview > li:has(> ul) > span:first-child,
  .mm-menu--offcanvas li:has(> ul) > span:first-child {
    font-weight: 700 !important;
    background: #f5f5f5 !important;
  }

  .mm-menu--offcanvas .mm-listview > li:has(> span:first-child) > span:first-child,
  .mm-menu--offcanvas .mm-listview > li:has(> ul) > span:first-child,
  .mm-menu--offcanvas li:has(> ul) > span:first-child {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #111 !important;
  }

  .mm-menu--offcanvas .mm-listview > li:has(> ul) > ul,
  .mm-menu--offcanvas li:has(> ul) > ul {
    display: none !important;
  }

  /* ENG has malformed raw LI markup around About/Donate; force it into ESP-like rows. */
  .mm-menu--offcanvas .mm-listview *:has(> a[href="/about"]),
  .mm-menu--offcanvas .mm-listview *:has(> a[href$="/about/"]),
  .mm-menu--offcanvas .mm-listview *:has(> a[href="/donate"]),
  .mm-menu--offcanvas .mm-listview *:has(> a[href="/donations"]),
  .mm-menu--offcanvas .mm-listview *:has(> a[href="/donaciones"]),
  .mm-menu--offcanvas .mm-listview *:has(> a[href="/doar"]) {
    display: block !important;
    width: 100% !important;
    min-height: 41px !important;
    float: none !important;
  }

  .mm-menu--offcanvas .mm-listview a[href="/about"],
  .mm-menu--offcanvas .mm-listview a[href$="/about/"],
  .mm-menu--offcanvas .mm-listview a[href="/donate"],
  .mm-menu--offcanvas .mm-listview a[href="/donations"],
  .mm-menu--offcanvas .mm-listview a[href="/donaciones"],
  .mm-menu--offcanvas .mm-listview a[href="/doar"] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #111 !important;
    text-decoration: none !important;
  }
}