/**
 * mac-buy-b.css — Zone d'achat fiche produit, proposition 6 « ronds beiges, chiffre encadré »
 * (décision du propriétaire 2026-11-05, maquette audits/2026-11-05-fiche-produit-achat/).
 * Chargée APRÈS mac-theme.css / mac-mineral-direct.css : la spécificité
 * `.page-product .mac-buy__atc …` suffit, `!important` seulement contre les
 * règles `!important` de mac-theme.css sur .wishlist-button-add.
 * Rollback : retirer le <link> et le <script> de head.tpl.
 */
.page-product .mac-buy__atc .mac-product-page__qty-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

/* Quantité : pilule crème, boutons ronds blancs */
.page-product .mac-buy__atc .mac-product-page__qty {
    order: 1;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    gap: 6px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}
.page-product .mac-buy__atc .mac-qty-btn {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #F4F0EA;
    color: #3A3835;
    box-shadow: none;
    transition: background .2s, color .2s;
}
.page-product .mac-buy__atc .mac-qty-btn:hover,
.page-product .mac-buy__atc .mac-qty-btn:active {
    background: #C4A882;
    color: #fff;
}
.page-product .mac-buy__atc input.mac-qty-input {
    flex: 0 0 48px;
    width: 48px;
    min-width: 0;
    height: 40px;
    padding: 0 !important;
    border: 1.5px solid #3A3835 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    background: #fff !important;
    text-align: center;
    font-weight: 600;
    color: #3A3835;
    -moz-appearance: textfield;
}
.page-product .mac-buy__atc .mac-qty-input::-webkit-outer-spin-button,
.page-product .mac-buy__atc .mac-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Ajouter au panier : rectangle argile, angles légèrement arrondis */
#add-to-cart-or-refresh .mac-product-page__qty-row .add-to-cart {
    order: 2;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    min-height: 52px;
    padding: 0 22px;
    border: 0 !important;
    border-radius: 6px !important;
    background: #C4A882 !important;
    color: #2b2926 !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none !important;
    box-shadow: none;
    transition: background .2s;
}
#add-to-cart-or-refresh .mac-product-page__qty-row .add-to-cart:hover {
    background: #b5966d !important;
}
#add-to-cart-or-refresh .mac-product-page__qty-row .add-to-cart:disabled {
    background: #e7e2da !important;
    color: #9b958b !important;
    opacity: 1;
    cursor: not-allowed;
}

/* Cœur : rond beige, déplacé dans la ligne d'achat par mac-buy-b.js */
.page-product .mac-product-page__qty-row .mac-buy__wishlist-btn {
    order: 3;
    flex: 0 0 44px;
    display: flex;
}
.page-product .mac-product-page__qty-row .mac-buy__wishlist-btn .wishlist-button-add {
    width: 44px;
    height: auto;
    min-height: 44px;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    background: #F4F0EA !important;
    color: #3A3835 !important;
    position: static;
}
.page-product .mac-product-page__qty-row .mac-buy__wishlist-btn .wishlist-button-add:hover {
    background: #E8E0D4 !important;
    color: #c0392b !important;
}
.page-product .mac-product-page__qty-row .mac-buy__wishlist-btn .wishlist-button-add i {
    color: inherit;
    font-size: 24px;
}

/* Mobile : quantité + cœur sur une ligne, bouton pleine largeur dessous */
@media (max-width: 480px) {
    .page-product .mac-buy__atc .mac-product-page__qty-row {
        display: flex;
    }
    .page-product .mac-buy__atc .mac-product-page__qty {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        justify-content: flex-start;
    }
    .page-product .mac-product-page__qty-row .mac-buy__wishlist-btn {
        order: 2;
    }
    #add-to-cart-or-refresh .mac-product-page__qty-row .add-to-cart {
        order: 3;
        flex: 1 0 100%;
        min-height: 56px;
        font-size: 15px;
        white-space: nowrap;
    }
}