/*
 * POPAY Premium: MOBILE NAVIGATION ONLY.
 * Load after popay-sitewide-green and popay-auto-menu.
 * The previous sitewide stylesheet sets #c5ead5 !important on direct
 * mobile links and details summaries; native drop-wrap items escape it.
 * Keep the drawer's existing turquoise gradient and remove the pale tiles.
 * No desktop navigation selectors or global palette changes.
 */
@media screen and (max-width: 1024px) {
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li,
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > a,
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > details,
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > details > summary,
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > .drawer-nav-drop-wrap,
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > .drawer-nav-drop-wrap > a {
    background: transparent !important;
    color: #fff !important;
    border-radius: 0 !important;
  }

  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > a:hover,
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > details > summary:hover,
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > details[open] > summary,
  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  .mobile-menu-container > ul > li > .drawer-nav-drop-wrap > a:hover {
    background: var(--pam-hover, rgba(255, 255, 255, .12)) !important;
    color: #fff !important;
  }

  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  :is(.pam-icon, .pam-arrow, .pam-root-label, .drawer-sub-toggle,
      .dropdown-nav-toggle) {
    color: inherit !important;
  }

  body.popay-sitewide-green #mobile-drawer #mobile-site-navigation
  :is(a, summary, button):focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: -3px !important;
  }

  /* Compact Progress submenu; preserve current URLs and native toggles. */
  body #mobile-drawer #mobile-site-navigation .ppr-menu-root > .sub-menu {
    width: min(230px, 100%) !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 5px !important;
  }
  body #mobile-drawer #mobile-site-navigation
  .ppr-menu-root > .sub-menu > li > a {
    width: auto !important;
    min-height: 44px;
    padding: 9px 10px !important;
    font-size: 15px !important;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: break-word;
  }
}