/**
 * Mega Menu — Custom Property Overrides & Additional Styles
 *
 * Defines --cnvs-mega-menu-* design tokens and overrides base style.css
 * rules to use them, enabling Theme Options to customize mega menu appearance
 * via the Header > Mega Menu sub-tab.
 *
 * Loaded on all frontend pages via Header\Manager::enqueue_assets().
 *
 * @package Canvas
 * @since 1.0.0
 */

/* ─── Menu Badge Positioning ───────────────────────────────────────── */
.menu-item .canvas-menu-badge {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
  --bs-badge-font-size: 0.625em;
}