/* Explicitly opted-in storefront actions; decorative layers never receive input. */
@media (hover: hover) and (pointer: fine) {
    .mbs-dir-link {
        position: relative;
    }
    .mbs-dir-link:not([aria-current]):hover {
        text-decoration: none !important;
    }
    .mbs-dir-link > .mbs-dir-motion {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        height: 2px;
        background: currentColor;
        clip-path: inset(0 100% 0 0);
        pointer-events: none;
    }
    .mbs-dir-button {
        position: relative;
        isolation: isolate;
        overflow: hidden;
    }
    .mbs-dir-button > .mbs-dir-motion {
        position: absolute;
        inset: var(--mbs-dir-inset, 0);
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--mbs-dir-gap, 0);
        border-radius: inherit;
        background: var(--mbs-dir-fill-bg, #ffd4c1);
        color: var(--mbs-dir-fill-color, #292b31);
        clip-path: inset(0 100% 0 0);
        font: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        text-align: inherit;
        pointer-events: none;
    }
    .mbs-dir-button > .mbs-dir-motion,
    .mbs-dir-button > .mbs-dir-motion * {
        pointer-events: none !important;
    }
    .mbs-dir-button:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not(.loading):not(.is-loading):not(.disabled):not(.wc-block-components-button--loading):not([aria-pressed="true"]):not([aria-selected="true"]):not([aria-current]):hover {
        background-color: var(--mbs-dir-base-bg) !important;
        color: var(--mbs-dir-base-color) !important;
    }
    .mbs-dir-button:is(:disabled,[aria-disabled="true"],[aria-busy="true"],.loading,.is-loading,.disabled,.wc-block-components-button--loading,[aria-pressed="true"],[aria-selected="true"],[aria-current]) > .mbs-dir-motion {
        display: none;
    }
    .mbs-dir-button:focus-visible,
    .mbs-dir-link:focus-visible {
        outline: 2px solid #2476ba;
        outline-offset: 3px;
    }
    .mbs-menu-tabs a[data-mbs-active="true"] > .mbs-dir-motion {
        display: none;
    }
    .mbs-dir-link[aria-current] > .mbs-dir-motion { display: none; }
}

@media (hover: none), (pointer: coarse) {
    .mbs-dir-link > .mbs-dir-motion,
    .mbs-dir-button > .mbs-dir-motion {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) and (hover: hover) and (pointer: fine) {
    .mbs-dir-link:hover > .mbs-dir-motion,
    .mbs-dir-button:hover > .mbs-dir-motion {
        clip-path: inset(0 0 0 0) !important;
    }
}