/* 
 * Correctif CSS pour Save Sets v34.0.0
 * Date: 28 Novembre 2025
 * Style: Chic et élégant avec les couleurs du thème
 * Couleurs: var(--rose), var(--gold), var(--dark), var(--gold-dark)
 */

/* BOUTON ABONNEMENT - STYLE CHIC ET ÉLÉGANT */
.save-with-sets .save-sets-purchase-option {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--dark) !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 100% !important;
    background: linear-gradient(to bottom, #FFFFFF, var(--rose)) !important;
    border: 1px solid var(--gold) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    text-align: center !important;
    white-space: nowrap !important;
    letter-spacing: 0.3px !important;
}

.save-with-sets .save-sets-purchase-option:hover {
    background: linear-gradient(to bottom, var(--rose), var(--gold)) !important;
    border-color: var(--gold-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
    color: var(--dark) !important;
}

/* État activé (abonnement actif) - Gradient gold élégant */
.save-with-sets .save-sets-purchase-option[style*="background-color: rgb(249, 228, 230)"] {
    background: linear-gradient(to bottom, var(--gold), var(--gold-dark)) !important;
    border-color: var(--gold-dark) !important;
    color: var(--dark) !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(212, 167, 116, 0.3) !important;
}

.save-with-sets .save-sets-purchase-option[style*="background-color: rgb(249, 228, 230)"]:hover {
    background: linear-gradient(to bottom, var(--gold-dark), var(--dark)) !important;
    border-color: var(--dark) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

.save-with-sets .save-sets-purchase-option[style*="background-color: rgb(249, 228, 230)"]:hover span {
    color: #FFFFFF !important;
}

/* Texte dans le bouton - Élégant et raffiné */
.save-with-sets .save-sets-purchase-option span {
    cursor: pointer !important;
    font-size: 13px !important;
    font-family: var(--font-primary) !important;
    font-weight: 500 !important;
    color: var(--dark) !important;
    transition: all 0.3s ease !important;
    letter-spacing: 0.3px !important;
}

/* TEXTE PROMOTION BUNDLE - Style raffiné et discret */
.save-with-sets .save-sets-bundle-discount {
    color: var(--dark) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin-top: 6px !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    border: 1px solid var(--gold) !important;
    background: linear-gradient(to bottom, #FFFFFF, var(--rose)) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-style: italic !important;
    letter-spacing: 0.2px !important;
}

/* Container des options d'achat - Pleine largeur */
.save-with-sets .save-sets-purchase-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .save-with-sets .save-sets-purchase-option {
        font-size: 12px !important;
        padding: 9px 15px !important;
    }
    
    .save-with-sets .save-sets-purchase-option span {
        font-size: 12px !important;
    }
    
    .save-with-sets .save-sets-bundle-discount {
        font-size: 11px !important;
        padding: 7px 12px !important;
    }
}