.local-moderncommerce-navbar-cart {
    --mc-font: inherit;
    --mc-primary: #0f5da8;
    --mc-primary-hover: #0b4a86;
    --mc-primary-active: #083866;
    --mc-primary-light: #e8f2ff;
    --mc-primary-border: #bad7ff;
    --mc-secondary: #334155;
    --mc-secondary-hover: #1e293b;
    --mc-secondary-active: #0f172a;
    --mc-surface: #fff;
    --mc-surface-alt: #f8fafc;
    --mc-text: #0f172a;
    --mc-text-muted: #475569;
    --mc-border: #d8dee8;
    --mc-border-light: #e5eaf1;
    --mc-border-strong: #b8c2d0;
    --mc-neutral-bg: #eef2f7;
    --mc-radius: 0.5rem;
    --mc-radius-pill: 999px;
    --mc-fs-ui: 0.9375rem;
    --mc-fs-meta: 0.8125rem;
    --mc-fw-semibold: 700;
    --mc-lh-ui: 1.25;
    --mc-transition-fast: 160ms ease;
}

.local-moderncommerce-navbar-cart .mui-cart__trigger {
    color: inherit;
}

.local-moderncommerce-navbar-cart .mui-cart__trigger :where(i, .icon, svg) {
    color: inherit;
}

.local-moderncommerce-navbar-cart .mui-cart__panel {
    min-width: min(19rem, calc(100vw - 2rem));
    padding: 0;
    border: 1px solid var(--mc-border);
    border-radius: 0.625rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
    overflow: hidden;
}

.local-moderncommerce-cart-dropdown {
    color: var(--mc-text);
    background: var(--mc-surface);
}

.local-moderncommerce-cart-dropdown__empty,
.local-moderncommerce-cart-dropdown__item,
.local-moderncommerce-cart-dropdown__more {
    color: var(--mc-text-muted);
}

.local-moderncommerce-cart-dropdown__footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--mc-surface-alt);
}

.local-moderncommerce-navbar-cart :where(
    .mc-button,
    [data-mc-button],
    .btn-mc-primary,
    .btn-mc-secondary,
    .mc-btn-soft
) {
    --mc-button-bg: var(--mc-surface);
    --mc-button-border: var(--mc-border);
    --mc-button-color: var(--mc-text);
    --mc-button-hover-bg: var(--mc-surface-alt);
    --mc-button-hover-border: var(--mc-border-strong);
    --mc-button-hover-color: var(--mc-text);
    --mc-button-active-bg: var(--mc-neutral-bg);
    --mc-button-active-border: var(--mc-border-strong);
    --mc-button-active-color: var(--mc-text);

    position: relative;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    max-width: 100%;
    padding: 0.5625rem 1rem;
    border: 1px solid var(--mc-button-border) !important;
    border-radius: var(--mc-radius);
    background: var(--mc-button-bg) !important;
    color: var(--mc-button-color) !important;
    font-family: var(--mc-font);
    font-size: var(--mc-fs-ui);
    font-weight: var(--mc-fw-semibold);
    line-height: var(--mc-lh-ui);
    letter-spacing: 0;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    transition: background var(--mc-transition-fast), border-color var(--mc-transition-fast),
        color var(--mc-transition-fast), box-shadow var(--mc-transition-fast);
}

.local-moderncommerce-navbar-cart :where(
    .mc-button,
    [data-mc-button],
    .btn-mc-primary,
    .btn-mc-secondary,
    .mc-btn-soft
):where(:hover, :focus) {
    border-color: var(--mc-button-hover-border) !important;
    background: var(--mc-button-hover-bg) !important;
    color: var(--mc-button-hover-color) !important;
}

.local-moderncommerce-navbar-cart :where([data-mc-button="primary"], .btn-mc-primary) {
    --mc-button-bg: var(--mc-primary);
    --mc-button-border: var(--mc-primary);
    --mc-button-color: #fff;
    --mc-button-hover-bg: var(--mc-primary-hover);
    --mc-button-hover-border: var(--mc-primary-hover);
    --mc-button-hover-color: #fff;
    --mc-button-active-bg: var(--mc-primary-active);
    --mc-button-active-border: var(--mc-primary-active);
    --mc-button-active-color: #fff;
}

.local-moderncommerce-navbar-cart :where([data-mc-button="secondary"], .btn-mc-secondary) {
    --mc-button-bg: var(--mc-secondary);
    --mc-button-border: var(--mc-secondary);
    --mc-button-color: #fff;
    --mc-button-hover-bg: var(--mc-secondary-hover);
    --mc-button-hover-border: var(--mc-secondary-hover);
    --mc-button-hover-color: #fff;
    --mc-button-active-bg: var(--mc-secondary-active);
    --mc-button-active-border: var(--mc-secondary-active);
    --mc-button-active-color: #fff;
}

.local-moderncommerce-navbar-cart :where([data-mc-button="soft"], .mc-btn-soft) {
    --mc-button-bg: var(--mc-primary-light);
    --mc-button-border: var(--mc-primary-border);
    --mc-button-color: var(--mc-primary);
    --mc-button-hover-bg: #dbeafe;
    --mc-button-hover-border: var(--mc-primary);
    --mc-button-hover-color: var(--mc-primary);
}

.local-moderncommerce-navbar-cart.local-moderncommerce-navbar-cart .local-moderncommerce-cart-dropdown
    a.local-moderncommerce-cart-dropdown__button.mc-button[data-mc-button] {
    border-color: var(--mc-button-border) !important;
    background: var(--mc-button-bg) !important;
    color: var(--mc-button-color) !important;
    text-decoration: none !important;
}

.local-moderncommerce-navbar-cart.local-moderncommerce-navbar-cart .local-moderncommerce-cart-dropdown
    a.local-moderncommerce-cart-dropdown__button.mc-button[data-mc-button]:where(:hover, :focus) {
    border-color: var(--mc-button-hover-border) !important;
    background: var(--mc-button-hover-bg) !important;
    color: var(--mc-button-hover-color) !important;
}

.local-moderncommerce-navbar-cart :where([data-mc-button-size="sm"], .btn-sm.mc-button) {
    min-height: 2rem;
    padding: 0.3125rem 0.625rem;
    font-size: var(--mc-fs-meta);
}

@media (prefers-reduced-motion: reduce) {
    .local-moderncommerce-navbar-cart :where(
        .mc-button,
        [data-mc-button],
        .btn-mc-primary,
        .btn-mc-secondary,
        .mc-btn-soft
    ) {
        transition: none;
    }
}