/*
  Maido Customs Stage 4O
  Menu font softening / de-squash overlay
  Front-end only. Safe CSS override.
*/

:root {
  --maido-stage4o-menu-font: Arial, Helvetica, sans-serif;
  --maido-stage4o-menu-weight: 600;
  --maido-stage4o-menu-size: clamp(20px, 1.28vw, 26px);
  --maido-stage4o-menu-letter-spacing: -0.004em;
}

/* Desktop/header menu labels only */
html body header nav a,
html body header nav button,
html body .site-header nav a,
html body .site-header nav button,
html body .maido-header nav a,
html body .maido-header nav button,
html body .maido-site-header nav a,
html body .maido-site-header nav button,
html body .main-nav a,
html body .main-nav button,
html body .site-nav a,
html body .site-nav button,
html body .desktop-nav a,
html body .desktop-nav button,
html body .desktop-menu a,
html body .desktop-menu button,
html body .mc-nav a,
html body .mc-nav button,
html body .landing-header__nav a,
html body .landing-header__nav button,
html body .primary-nav a,
html body .primary-nav button {
  font-family: var(--maido-stage4o-menu-font) !important;
  font-weight: var(--maido-stage4o-menu-weight) !important;
  font-size: var(--maido-stage4o-menu-size) !important;
  letter-spacing: var(--maido-stage4o-menu-letter-spacing) !important;
  font-stretch: normal !important;
  text-transform: none !important;
  line-height: 1.05 !important;
  text-shadow: none !important;
  transform: none !important;
}

/* Keep icon-only header controls from inheriting text font sizing */
html body header a[aria-label],
html body header button[aria-label],
html body header .icon,
html body header svg,
html body .header-icons a,
html body .header-icons button,
html body .maido-header-icons a,
html body .maido-header-icons button,
html body .site-header__icons a,
html body .site-header__icons button,
html body .header-actions a,
html body .header-actions button {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: normal !important;
}

/* Desktop top nav slightly smaller/cleaner */
@media (min-width: 768px) {
  html body header nav a,
  html body header nav button,
  html body .site-header nav a,
  html body .site-header nav button,
  html body .maido-header nav a,
  html body .maido-header nav button,
  html body .main-nav a,
  html body .main-nav button,
  html body .site-nav a,
  html body .site-nav button,
  html body .desktop-nav a,
  html body .desktop-nav button,
  html body .desktop-menu a,
  html body .desktop-menu button,
  html body .landing-header__nav a,
  html body .landing-header__nav button,
  html body .primary-nav a,
  html body .primary-nav button {
    font-size: clamp(20px, 1.2vw, 25px) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }
}

/* Dropdowns: old Maido style is lighter and less blocky than the headings */
html body .dropdown-menu a,
html body .dropdown-menu button,
html body .submenu a,
html body .submenu button,
html body .sub-menu a,
html body .sub-menu button,
html body .mega-menu a,
html body .mega-menu button,
html body .flyout-menu a,
html body .flyout-menu button,
html body .maido-dropdown a,
html body .maido-dropdown button,
html body .maido-menu-panel a,
html body .maido-menu-panel button,
html body .maido-recursive-menu a,
html body .maido-recursive-menu button {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(17px, 1.05vw, 22px) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

/* Parent item in dropdown can stay slightly stronger, but not chunky */
html body .dropdown-menu > li > a,
html body .submenu > li > a,
html body .sub-menu > li > a,
html body .mega-menu > li > a,
html body .flyout-menu > li > a,
html body .maido-dropdown > li > a,
html body .maido-menu-panel > li > a,
html body .maido-recursive-menu > li > a {
  font-weight: 500 !important;
}

/* Mobile drawer text should be readable, not oversized or condensed */
@media (max-width: 767px) {
  html body .mobile-drawer a,
  html body .mobile-drawer button,
  html body .mobile-menu a,
  html body .mobile-menu button,
  html body .maido-mobile-drawer a,
  html body .maido-mobile-drawer button,
  html body .maido-mobile-menu a,
  html body .maido-mobile-menu button {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
  }

  html body .mobile-drawer .submenu a,
  html body .mobile-drawer .sub-menu a,
  html body .mobile-menu .submenu a,
  html body .mobile-menu .sub-menu a,
  html body .maido-mobile-drawer .submenu a,
  html body .maido-mobile-drawer .sub-menu a {
    font-size: 18px !important;
    font-weight: 400 !important;
  }
}