/* =====================================================
   HARMONISATION PAGE ÉTIQUETTES v3.3.3
   Scopé UNIQUEMENT sur page-id-4607
   Typographie + Bouton premium Elementor style
   ===================================================== */

/* =====================================================
   1. TYPOGRAPHIE - PLAYFAIR DISPLAY + MONTSERRAT
   ===================================================== */

/* Titres principaux - Playfair Display (serif) */
body.page-id-4607 .etq-title,
body.page-id-4607 .etq-section-title,
body.page-id-4607 .etiquette-header-premium h4,
body.page-id-4607 h1,
body.page-id-4607 h2,
body.page-id-4607 h3 {
    font-family: "Playfair Display", serif !important;
}

/* Textes, labels, inputs, boutons - Montserrat (sans-serif) */
body.page-id-4607,
body.page-id-4607 p,
body.page-id-4607 label,
body.page-id-4607 input,
body.page-id-4607 select,
body.page-id-4607 textarea,
body.page-id-4607 button,
body.page-id-4607 .form-input-premium,
body.page-id-4607 .form-field-premium label,
body.page-id-4607 .toggle-label,
body.page-id-4607 .prix-toggle-btn,
body.page-id-4607 .btn-secondary-premium,
body.page-id-4607 .etq-help-global,
body.page-id-4607 .etq-info-limite {
    font-family: "Montserrat", sans-serif !important;
}

/* =====================================================
   2. BOUTON "AJOUTER AU PANIER" - STYLE ELEMENTOR
   ===================================================== */

/* Bouton principal soumission formulaire */
body.page-id-4607 .btn-primary-premium,
body.page-id-4607 button[type="submit"],
body.page-id-4607 .single_add_to_cart_button,
body.page-id-4607 button[name="add-to-cart"],
body.page-id-4607 .etq-actions button,
body.page-id-4607 input[type="submit"] {
    /* Gradient noir élégant */
    background: linear-gradient(180deg, #161616 0%, #292929 100%) !important;
    
    /* Reset borders */
    border: 0 !important;
    
    /* Couleur texte */
    color: #ffffff !important;
    
    /* Border radius moderne */
    border-radius: 16px !important;
    
    /* Typographie */
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    
    /* Padding confortable */
    padding: 14px 18px !important;
    
    /* Shadow moderne */
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
    
    /* Transitions douces */
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
    
    /* Reset autres styles */
    text-shadow: none !important;
    text-transform: none !important;
}

/* Hover state */
body.page-id-4607 .btn-primary-premium:hover,
body.page-id-4607 button[type="submit"]:hover,
body.page-id-4607 .single_add_to_cart_button:hover,
body.page-id-4607 button[name="add-to-cart"]:hover,
body.page-id-4607 .etq-actions button:hover,
body.page-id-4607 input[type="submit"]:hover {
    /* Brightness légère */
    filter: brightness(1.05) !important;
    
    /* Shadow augmentée */
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important;
    
    /* Pas de transform (déjà géré par brightness) */
    transform: none !important;
    
    /* Couleurs inchangées */
    color: #ffffff !important;
    background: linear-gradient(180deg, #161616 0%, #292929 100%) !important;
}

/* Active state */
body.page-id-4607 .btn-primary-premium:active,
body.page-id-4607 button[type="submit"]:active,
body.page-id-4607 .single_add_to_cart_button:active,
body.page-id-4607 button[name="add-to-cart"]:active {
    /* Légère compression visuelle */
    transform: scale(0.98) !important;
    
    /* Shadow réduite */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16) !important;
}

/* Disabled state */
body.page-id-4607 .btn-primary-premium:disabled,
body.page-id-4607 button[type="submit"]:disabled,
body.page-id-4607 .single_add_to_cart_button:disabled,
body.page-id-4607 button[name="add-to-cart"]:disabled {
    /* Opacity réduite */
    opacity: 0.6 !important;
    
    /* Cursor */
    cursor: not-allowed !important;
    
    /* Pas de hover */
    filter: none !important;
}

/* =====================================================
   3. RESPONSIVE MOBILE
   Ajustements si nécessaire
   ===================================================== */

@media (max-width: 767px) {
    /* Bouton pleine largeur mobile */
    body.page-id-4607 .btn-primary-premium,
    body.page-id-4607 button[type="submit"],
    body.page-id-4607 .single_add_to_cart_button {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 20px !important;
    }
}

/* =====================================================
   FIN HARMONISATION PAGE-ID-4607
   Aucun impact sur les autres pages
   ===================================================== */