.apme-menu-badge {

  display: inline-block;

  margin-left: 0.35rem;

  padding: 0.1rem 0.4rem;

  font-size: 0.65rem;

  font-weight: 700;

  text-transform: uppercase;

  background: var(--apme-highlight, #2563eb);

  color: #fff;

  border-radius: 999px;

  vertical-align: middle;

}



.apme-menu-badge--new { background: #22c55e; }

.apme-menu-badge--hot { background: #f97316; }

.apme-menu-badge--sale { background: #ef4444; }



.apme-menu-description {

  display: block;

  font-size: 0.75rem;

  font-weight: 400;

  opacity: 0.75;

  margin-top: 0.15rem;

}



.site-nav__link--highlight,

.menu-item--highlight > .site-nav__link {

  color: var(--apme-highlight, #2563eb) !important;

  font-weight: 700;

}



.site-nav__link--button,

.menu-item--button > a {

  padding: 0.35rem 0.85rem !important;

  border-radius: 999px;

  border: 1px solid currentColor;

}



.site-nav__link--cta,

.menu-item--cta > a {

  padding: 0.4rem 1rem !important;

  border-radius: 8px;

  background: var(--apme-highlight, #2563eb) !important;

  color: #fff !important;

}



.apme-menu-icon {

  display: inline-block;

  margin-right: 0.25rem;

  vertical-align: middle;

}



.apme-menu-icon.dashicons {

  font-size: 16px;

  width: 16px;

  height: 16px;

}



.apme-menu-divider {

  display: block;

  height: 1px;

  margin: 0.5rem 0;

  background: currentColor;

  opacity: 0.2;

}



/* Mega menu */

.menu-item--mega { position: relative; }

.menu-item--mega > .sub-menu--mega {

  display: none;

  position: absolute;

  left: 0;

  top: 100%;

  min-width: 520px;

  padding: 1rem;

  background: #fff;

  border-radius: 12px;

  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.15);

  z-index: 100;

  grid-gap: 1rem;

}

.menu-item--mega.is-mega-open > .sub-menu--mega,

.menu-item--mega:hover > .sub-menu--mega {

  display: grid;

}

.sub-menu--cols-2 { grid-template-columns: repeat(2, 1fr); }

.sub-menu--cols-3 { grid-template-columns: repeat(3, 1fr); }

.sub-menu--cols-4 { grid-template-columns: repeat(4, 1fr); }



.apme-animations .sub-menu--mega {

  animation: apme-fade-in 0.2s ease;

}

@keyframes apme-fade-in {

  from { opacity: 0; transform: translateY(4px); }

  to { opacity: 1; transform: translateY(0); }

}



/* Mobile accordion */

.site-nav__menu--mobile .menu-item-has-children > .sub-menu {

  display: none;

  padding-left: 1rem;

}

.site-nav__menu--mobile .menu-item-has-children.is-open > .sub-menu {

  display: block;

}



.apme-sticky-mobile-bar .site-header__bar {

  position: sticky;

  top: 0;

  z-index: 50;

}

.site-nav__link--icon-only .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.menu-item--login .apme-menu-icon--svg {
  display: inline-flex;
  line-height: 0;
}