/* Maido Stage 4O2 - final menu font override
   Purpose: make the header/menu font consistent and less heavy/squashed across all pages.
   This file is intentionally loaded after the other Maido stage CSS files. */

:root{
  --maido-menu-font-family: Arial, Helvetica, sans-serif;
  --maido-menu-font-weight: 600;
  --maido-menu-font-size-desktop: clamp(19px, 1.18vw, 24px);
  --maido-menu-letter-spacing: 0.004em;
  --maido-menu-line-height: 1.05;
  --maido-submenu-font-weight: 400;
  --maido-submenu-font-size: 18px;
}

/* Desktop top menu - broad selector set because older stage files used several wrapper names. */
html body .site-header nav a,
html body header nav a,
html body .main-nav a,
html body .desktop-nav a,
html body .header-nav a,
html body .site-nav a,
html body .maido-nav a,
html body .maido-menu a,
html body .mc-nav a,
html body .mc-main-menu a,
html body .nav-menu a,
html body .navbar a,
html body .menu a,
html body .primary-menu a,
html body .desktop-menu a,
html body .landing-header nav a,
html body .maido-header nav a,
html body .has-hero-header nav a,
html body .nav-item > a,
html body .menu-item > a,
html body a.nav-link,
html body .nav-link {
  font-family: var(--maido-menu-font-family) !important;
  font-size: var(--maido-menu-font-size-desktop) !important;
  font-weight: var(--maido-menu-font-weight) !important;
  letter-spacing: var(--maido-menu-letter-spacing) !important;
  line-height: var(--maido-menu-line-height) !important;
  text-transform: none !important;
  font-stretch: normal !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

/* Keep main labels readable but not chunky. */
html body .site-header nav > ul > li > a,
html body header nav > ul > li > a,
html body .main-nav > ul > li > a,
html body .desktop-nav > ul > li > a,
html body .header-nav > ul > li > a,
html body .maido-nav > ul > li > a,
html body .nav-menu > ul > li > a,
html body .primary-menu > ul > li > a {
  font-weight: 600 !important;
}

/* Dropdown / flyout menu text should be lighter and less oversized. */
html body .dropdown a,
html body .dropdown-menu a,
html body .submenu a,
html body .sub-menu a,
html body .children a,
html body .flyout a,
html body .flyout-menu a,
html body .mega-menu a,
html body .maido-dropdown a,
html body .maido-submenu a,
html body .mc-dropdown a,
html body .mc-submenu a,
html body .nav-dropdown a,
html body .category-menu a,
html body .category-flyout a {
  font-family: var(--maido-menu-font-family) !important;
  font-size: var(--maido-submenu-font-size) !important;
  font-weight: var(--maido-submenu-font-weight) !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  text-transform: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

/* Header right icon/contact text. */
html body .header-actions a,
html body .site-header__actions a,
html body .maido-header-actions a,
html body .header-icons a,
html body .maido-contact-link,
html body .header-contact-link,
html body .contact-shortcut {
  font-family: var(--maido-menu-font-family) !important;
  font-size: clamp(15px, .92vw, 18px) !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

/* Mobile drawer/hamburger menu. */
@media (max-width: 767px){
  html body .mobile-drawer a,
  html body .mobile-menu a,
  html body .drawer-menu a,
  html body .offcanvas-menu a,
  html body .maido-mobile-menu a,
  html body .maido-mobile-drawer a,
  html body .mobile-nav a {
    font-family: var(--maido-menu-font-family) !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
  }

  html body .mobile-drawer .submenu a,
  html body .mobile-menu .submenu a,
  html body .drawer-menu .submenu a,
  html body .offcanvas-menu .submenu a,
  html body .mobile-nav .submenu a {
    font-size: 17px !important;
    font-weight: 400 !important;
  }
}