/* BOUTON MASTER (LUXE)
  *Rôle : Éléments réutilisables sur toutes les pages (Boutons, FAQ, Popups).  
*/
.btn-master { 
    background: var(--noir-mat); color: var(--white-pure); 
    padding: 24px 50px; font-size: 11px; font-weight: 700; 
    letter-spacing: 0.4em; text-transform: uppercase; 
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
    display: inline-flex; justify-content: center; align-items: center; 
    border: 1px solid var(--noir-mat); cursor: pointer; text-decoration: none;
}
.btn-master:hover { background: var(--sage-green); border-color: var(--sage-green); color: white; }

/* FAQ INTERACTIVE */
.faq-content { 
    max-height: 0; overflow: hidden; 
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease; 
    opacity: 0; 
}
.faq-item.active .faq-content { max-height: 500px; opacity: 1; padding-bottom: 2rem; }
.faq-icon { transition: transform 0.4s ease; }
.faq-item.active .faq-icon { transform: rotate(45deg); }

/* TOAST / POPUP */
#toast-popup { 
    z-index: 5000; transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); 
    transform: translateY(150%); opacity: 0; 
}
#toast-popup.toast-active { transform: translateY(0) !important; opacity: 1 !important; pointer-events: auto !important; }

/* VARIATIONS PRODUITS */
.swatch-active { outline: 1px solid var(--noir-mat); outline-offset: 3px; }

/* ==========================================================
   NEWSLETTER FOOTER - STABLE VERSION
   ========================================================== */

/* Conteneur flex pour aligner input et bouton */
#ecomixx-newsletter-wrapper .wpcf7-form-control-wrap {
    flex: 1;
    display: block;
}

/* Input : Transparence et Typographie */
#ecomixx-newsletter-input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3em !important;
    text-transform: uppercase !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Neutralisation du fond Autofill (Navigateurs) */
#ecomixx-newsletter-input:-webkit-autofill {
    -webkit-text-fill-color: #FFFFFF !important;
    /* On utilise la variable --noir-mat définie dans base.css */
    -webkit-box-shadow: 0 0 0px 1000px #121212 inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Placeholder */
#ecomixx-newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Messages de confirmation CF7 */
.wpcf7-response-output {
    border: none !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--sage-green) !important;
}

/* Masquage du spinner */
.wpcf7-spinner { display: none !important; }