/*
  Minimal, deliberate deviations from the verbatim navmain-original.css —
  NOT geometry/structure changes, only asset substitutions for two
  WHMCS-core (not glazeanysrv-theme) dependencies this static project
  cannot license/bundle:

  1. Font Awesome 5 Pro — loaded by WHMCS core (head.tpl references
     {$WEB_ROOT}/assets/css/fontawesome-all.min.css, a WHMCS asset, not
     a file shipped inside glazeanysrv/). Used for the dropdown caret
     (`.navmain-dropdown a:before`, content: var(--navmain-headerdesign1-icon)
     = the Font Awesome glyph "\f0da"), the Home nav icon (<i class="fas
     fa-home">) and the Order CTA cart icon (<i class="fas
     fa-shopping-cart">). Replaced with a plain Unicode triangle and inline
     SVGs respectively — same position/size envelope the real CSS already
     reserves (0.8em / 10px box for the caret), no layout change.
  2. Nothing else in navmain-original.css / variables-original.css is
     overridden here — box model, spacing, colors, mega-menu geometry
     all come from the real files, unmodified.
*/

/* Matched to the exact real selectors (including the .headermain-design1
   prefix) so specificity ties with navmain-original.css's own rules —
   a plain ".navmain .navmain-dropdown a:before" here would lose the
   cascade to the more specific real rules and render nothing (the FA
   glyph codepoint, unstyled, is invisible without the FA font). */
.headermain-design1 .navmain .navmain-dropdown a:before {
  font-family: inherit;
  font-weight: 400;
  content: "\25B8"; /* ▸ closed */
}
.headermain-design1 .navmain .navmain-dropdown:hover a:before,
.headermain-design1 .navmain .navmain-dropdown a:hover:before,
.headermain-design1 .navmain .navmain-dropdown.navmain-active a:hover:before,
.headermain-design1 .navmain .navmain-dropdown.current_page_parent a:hover:before,
.headermain-design1 .navmain .navmain-dropdown.current_page_item a:hover:before,
.headermain-design1 .navmain .navmain-dropdown.navmain-active a:before,
.headermain-design1 .navmain .navmain-dropdown.current_page_parent a:before,
.headermain-design1 .navmain .navmain-dropdown.current_page_item a:before {
  font-family: inherit;
  font-weight: 400;
  content: "\25BE"; /* ▾ open/hover */
}

.navmain .navmain-mobile-icon,
.navmain .navmain-mobile-icon-open,
.navmain-mobile .navmain-dropdown .navmain-mobile-child {
  font-family: inherit !important;
  font-weight: 400 !important;
}
.headermain .navmain .navmain-mobile-icon:before {
  content: "\2630" !important; /* ☰ */
}
.headermain .navmain .navmain-mobile-icon-open:before {
  content: "\2715" !important; /* ✕ */
}
.navmain-mobile .navmain-dropdown .navmain-mobile-child:before,
.navmain-mobile .navmain-dropdown-mobile-open .navmain-mobile-child:before {
  content: "\25BE" !important; /* ▾ */
}

/* base.css resets img/svg to display:block for content images; here the
   icons sit inline next to (or as) nav text, so that reset has to be
   undone locally or it breaks the icon-bearing links out onto their own
   line and inflates the 65px nav row height. */
.navmain-home-icon,
.navmain-cart-icon {
  display: inline-block;
  vertical-align: middle;
}
.navmain-home-icon {
  width: 18px;
  height: 18px;
}
.navmain-mobile-home .navmain-home-icon {
  width: 20px;
  height: 20px;
}
.navmain-cart-icon {
  width: 15px;
  height: 15px;
  margin-right: 6px;
  fill: currentColor;
}

/* sr-only utility (not part of the original theme; purely a11y label
   for the icon-only Home link, adds no visible layout) */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}