/*!
 * Menu highlight
 *
 * Applied to the desktop nav item whose position matches the header's
 * `highlight_menu_item` setting. Colours arrive as custom properties injected by
 * sections/header.liquid.
 *
 * The selector deliberately carries three classes so it matches the specificity
 * of `.header__menu>ul.with-block .menu__item` in theme.css; as this file loads
 * after theme.css, source order then wins and the padding and radius below also
 * apply to the `with-dot` menu style, which supplies neither.
 *
 * Setting `color` directly (rather than inheriting) keeps the highlight legible
 * while the header is in its transparent state, where `.header` is switched to
 * `--color-transparent`.
 */.header__menu>ul .menu__item.menu__item--highlight{padding-inline:var(--sp-5);border-radius:var(--rounded-button);color:rgb(var(--color-menu-highlight-text));background-color:rgb(var(--color-menu-highlight-background))}.header__menu>ul>li:has(.menu__item--highlight):not(:first-child){margin-inline-start:.75rem}.header__menu>ul>li:has(.menu__item--highlight):not(:last-child){margin-inline-end:.75rem}.drawer__menu .drawer__menu-item--highlight{width:fit-content;padding-inline:var(--sp-5);border-radius:var(--rounded-button);color:rgb(var(--color-menu-highlight-text));background-color:rgb(var(--color-menu-highlight-background))}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-menu-highlight.css.map */