/* MPV Configurator - Bouton Personnaliser (page produit) */
.mpv-personalize-wrapper {
    margin: 1rem 0 1.5rem;
}
.mpv-personalize-btn {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    background: linear-gradient(135deg, #ff6a00 0%, #ff8a3d 100%);
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: .95rem;
    padding: .9rem 1.6rem;
    border-radius: 999px;
    border: none;
    box-shadow: 0 8px 20px rgba(255, 106, 0, .28);
    transition: transform .16s cubic-bezier(0.23, 1, 0.32, 1), box-shadow .16s ease-out;
    text-decoration: none;
}
.mpv-personalize-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(255, 106, 0, .38);
}
.mpv-personalize-btn:active {
    transform: scale(0.97);
}
.mpv-personalize-icon {
    font-size: 1.15rem;
    line-height: 1;
}
.mpv-personalize-hint {
    margin-top: .5rem;
    font-size: .82rem;
    color: #6b7280;
}

/* --- Substitution de "Ajouter au panier" par "Personnaliser" --------------- */
/* Variante compacte utilisee dans les listings (vignettes produit). */
.mpv-personalize-btn--compact {
    padding: .6rem 1.05rem;
    font-size: .8rem;
    letter-spacing: .01em;
    box-shadow: 0 5px 14px rgba(255, 106, 0, .24);
}
/* Le formulaire d'ajout au panier est conserve dans le DOM (certains themes le
   lisent en JavaScript) mais vide de ses controles : on neutralise ses marges. */
.mpv-form-replaced {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
}
.mpv-form-replaced > *[style*="display: none"] {
    margin: 0 !important;
}
