/* Marque-moi — css_common.css. Généré depuis le CSS vérifié du 4 octobre 2026. */
:root {
    --mm-black: #111111;
    --mm-white: #F7F6F4;
    --mm-beige: #F4EFE6;
    --mm-gold: #E0BD73;
}

.mm-header-actions :is(.wp-block-woocommerce-customer-account, .wc-block-customer-account__link, .wc-block-customer-account__toggle, .wc-block-mini-cart__button) {
    color: var(--mm-white) !important;
    transition: color 0.2s ease;
}

.mm-header-actions :is(.wc-block-customer-account__link:is(:hover, :focus-visible), .wc-block-customer-account__toggle:hover, .wc-block-customer-account__toggle:focus-visible, .wc-block-mini-cart__button:hover, .wc-block-mini-cart__button:focus-visible) {
    color: var(--mm-gold) !important;
}

.mm-header-actions .wc-block-mini-cart__icon,
.mm-header-actions .wc-block-mini-cart__icon :is(path, circle) {
    fill: var(--mm-white) !important;
    stroke: none !important;
    transition: fill 0.2s ease;
}

.mm-header-actions .wc-block-mini-cart__button:is(:hover, :focus-visible) .wc-block-mini-cart__icon,
.mm-header-actions .wc-block-mini-cart__button:is(:hover, :focus-visible) .wc-block-mini-cart__icon :is(path, circle) {
    fill: var(--mm-gold) !important;
}

.mm-header-nav .wp-block-navigation-item__content {
    position: relative;
    color: var(--mm-white) !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

@media (min-width: 601px) {
    .mm-header-nav .wp-block-navigation-item__content::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -5px;
        left: 0;
        height: 2px;
        background: var(--mm-gold);
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 0.2s ease;
    }
    .mm-header-nav .wp-block-navigation-item__content:is(:hover, :focus-visible, [aria-current="page"]) {
        color: var(--mm-gold) !important;
    }
    .mm-header-nav .wp-block-navigation-item__content:is(:hover, :focus-visible, [aria-current="page"])::after {
        transform: scaleX(1);
    }
}

@media (max-width: 600px) {
    header > .wp-block-group:has(> .mm-header-row) {
        --wp--style--root--padding-left: 16px;
        --wp--style--root--padding-right: 16px;
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .mm-header-row,
    .mm-header-row > .wp-block-group {
        min-width: 0;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .mm-header-row > .wp-block-group:has(.wp-block-image) {
        flex: 1 1 0 !important;
    }
    .mm-header-row > .mm-header-actions {
        flex: 0 0 auto !important;
    }
    .mm-header-row .wp-block-image {
        flex: 0 1 170px !important;
        min-width: 0 !important;
        max-width: 100%;
        margin: 0 !important;
    }
    .mm-header-row .wp-block-image img {
        width: min(170px, 44vw) !important;
        max-width: 100% !important;
        height: auto !important;
    }
    .mm-header-row :is(.wp-block-navigation, .wp-block-woocommerce-customer-account, .wp-block-woocommerce-mini-cart) {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
    .mm-header-nav .wp-block-navigation__responsive-container.is-menu-open {
        background: var(--mm-black) !important;
        color: var(--mm-white) !important;
        padding: 24px !important;
    }
    .mm-header-nav .wp-block-navigation__responsive-container-close {
        top: 22px !important;
        right: 20px !important;
        width: 42px !important;
        height: 42px !important;
        padding: 8px !important;
        color: var(--mm-gold) !important;
        background: transparent !important;
        border: 1px solid var(--mm-gold) !important;
        border-radius: 50% !important;
        box-shadow: none !important;
    }
    .mm-header-nav .wp-block-navigation__responsive-container-close svg {
        width: 24px !important;
        height: 24px !important;
    }
    .mm-header-nav .wp-block-navigation__responsive-container-content {
        padding-top: 90px !important;
        align-items: center !important;
    }
    .mm-header-nav .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        width: 100% !important;
        gap: 0 !important;
        align-items: stretch !important;
    }
    .mm-header-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        width: 100% !important;
        justify-content: center !important;
        border-bottom: 1px solid rgba(224, 189, 115, 0.35);
    }
    .mm-header-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item:first-child {
        border-top: 1px solid rgba(224, 189, 115, 0.35);
    }
    .mm-header-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        display: block !important;
        width: 100% !important;
        padding: 18px 8px !important;
        color: var(--mm-white) !important;
        font-size: 1.2rem !important;
        font-weight: 600 !important;
        text-align: center !important;
        text-decoration: none !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }
    .mm-header-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:is(:focus, :focus-visible, [aria-current="page"]),
    .mm-header-nav .wp-block-navigation__responsive-container-content .current-menu-item > .wp-block-navigation-item__content {
        color: var(--mm-gold) !important;
        background: rgba(224, 189, 115, 0.08) !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }
}