.elementor-kit-2374{--e-global-color-primary:#3C1E0F;--e-global-color-secondary:#F9F4ED;--e-global-color-text:#3C1E0F;--e-global-color-accent:#C8932A;--e-global-color-d2b77dd:#FFFFFF;--e-global-color-23f42d1:#FFFFFF00;--e-global-color-4f443e1:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-2374 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2374 a{color:var( --e-global-color-accent );}.elementor-kit-2374 a:hover{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Marron:#3C1E0F; --creme:#F9F4ED; --grismoinsfonc:#1E1E1E; --Blanc:#ffffff; --trasnparent:#ffffff00; --DUP_Marron:#3C1E0F; --DUP_Blanc:#ffffff; --DUP_trasnparent:#ffffff00; --DUP_creme:#F9F4ED; --DUP_grismoinsfonc:#1E1E1E; --DUP_Blanc1:#ffffff; --DUP_Marron1:#3C1E0F; --DUP_Marron2:#3C1E0F; --DUP_Blanc2:#ffffff; --DUP_trasnparent1:#ffffff00; --DUP_creme1:#F9F4ED; --DUP_Blanc3:#ffffff; --DUP_Marron3:#3C1E0F; --DUP_Blanc4:#ffffff; --DUP_Marron4:#3C1E0F; --DUP_creme2:#F9F4ED; }
/* Start custom CSS *//* Bouton désactivé (aucune variation sélectionnée) */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled,
.woocommerce .single_add_to_cart_button.disabled,
.woocommerce .single_add_to_cart_button:disabled {
  background-color: #3C1E0F !important;
  border-color: #3C1E0F !important;
  color: #ffffff !important;
  opacity: 1 !important; /* ← c'est ça qui causait le violet */
  cursor: not-allowed !important;
}

/* Bloquer le hover sur le bouton désactivé */
.single_add_to_cart_button.disabled:hover,
.single_add_to_cart_button:disabled:hover {
  background-color: #3C1E0F !important;
  border-color: #3C1E0F !important;
}


/* ===== ICÔNE / BARRE COLORÉE EN HAUT ===== */
/* La barre colorée à gauche ou en haut selon ton thème */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  color: #ffffff !important;
}
/* ==========================================================================
   1. RETIRER LA COCHE (Masquer les pseudo-éléments de BeRocket)
   ========================================================================== */
.berocket_single_filter_widget .bapf-clean-rounded li label::before,
.berocket_single_filter_widget .bapf-clean-rounded li label::after,
.berocket_single_filter_widget .bapf-clean-rounded li input:checked + label::before,
.berocket_single_filter_widget .bapf-clean-rounded li input:checked + label::after {
    display: none !important;
    content: "" !important;
    background: transparent !important;
}

/* On recentre le texte maintenant que la coche a disparu */
.berocket_single_filter_widget .bapf-clean-rounded li label {
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline-block !important;
}

/* ==========================================================================
   2. STYLE DE BASE (Non sélectionné - ANGLES CARRÉS)
   ========================================================================== */
.berocket_single_filter_widget .bapf-clean-rounded li label {
    background-color: #ffffff !important;
    color: #3C1E0F !important;
    border: 1px solid #3C1E0F !important;
    border-radius: 0px !important; /* Force les angles droits (carrés) */
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

/* ==========================================================================
   3. STYLE DE SÉLECTION (Actif - ANGLES CARRÉS)
   ========================================================================== */
.berocket_single_filter_widget .bapf-clean-rounded li.bapf_cked label,
.berocket_single_filter_widget .bapf-clean-rounded li input:checked + label,
.berocket_single_filter_widget .bapf-clean-rounded li input:checked ~ label {
    background-color: #ffffff !important;
    color: #C8932A !important;
    border-color: #C8932A !important;
    border-radius: 0px !important; /* Sécurité pour garder les angles carrés au clic */
}
/* ==========================================================================
   6. PERSONNALISATION DU BLOC WOOCOMMERCE-INFO (CORRIGÉ)
   ========================================================================== */
body .woocommerce-info {
    display: flex !important;
    align-items: center !important;       /* Aligne l'icône et le texte verticalement au centre */
    gap: 15px !important;                 /* Crée un espace de sécurité fixe entre l'icône et le texte */
    background-color: #ffffff !important; 
    color: #3C1E0F !important;            
    border-top: 3px solid #C8932A !important; /* Épaisseur de la barre supérieure Or */
    border-radius: 0px !important;        
    border-left: 1px solid #3C1E0F !important;   
    border-right: 1px solid #3C1E0F !important;
    border-bottom: 1px solid #3C1E0F !important;
    padding: 15px 20px !important;
}

/* Ajustement de l'icône pour éviter qu'elle ne se superpose */
body .woocommerce-info::before {
    position: static !important;          /* Annule le positionnement absolu natif de WC */
    color: #C8932A !important;            
    margin: 0 !important;
    display: inline-block !important;
}

/* Style du bouton s'il y en a un à l'intérieur */
body .woocommerce-info .button,
body .woocommerce-info .button:visited {
    background-color: #3C1E0F !important; 
    color: #ffffff !important;            
    border-radius: 0px !important;        
    margin-left: auto !important;         /* Pousse le bouton tout à droite du bandeau */
    transition: all 0.2s ease-in-out;
}

body .woocommerce-info .button:hover {
    background-color: #C8932A !important; 
    color: #ffffff !important;
} à l'intérieur (ex: "Retour à la boutique") */
body .woocommerce-info .button,
body .woocommerce-info .button:visited {
    background-color: #3C1E0F !important; /* Fond du bouton en Marron */
    color: #ffffff !important;            /* Texte du bouton en Blanc */
    border-radius: 0px !important;        /* Angles carrés pour le bouton */
    transition: all 0.2s ease-in-out;
}

/* Effet au survol (Hover) du bouton interne */
body .woocommerce-info .button:hover {
    background-color: #C8932A !important; /* Le bouton passe à l'Or au survol */
    color: #ffffff !important;
}
/* ===== NOTIFICATION SUCCÈS (vert par défaut) ===== */
/* Ex: "Produit ajouté au panier" */
.woocommerce-message,
.wc-block-components-notice-banner.is-success,
.woocommerce-notices-wrapper .woocommerce-message {
  background-color: transparent !important; /* ta couleur */
  color: #3C1E0F !important;
  border-top-color: transparent !important; /* légèrement plus foncé */
}

.woocommerce-message a,
.woocommerce-message .button {
  color: #3C1E0F !important;
}

/* ===== NOTIFICATION ERREUR (rouge par défaut) ===== */
/* Ex: "Veuillez sélectionner des options..." */
.woocommerce-error,
.wc-block-components-notice-banner.is-error,
.woocommerce-notices-wrapper .woocommerce-error {
  background-color: #c0392b !important;
  color: #ffffff !important;
  border-top-color: #962d22 !important;
}

.woocommerce-error a {
  color: #ffffff !important;
}

/* ===== NOTIFICATION INFO (bleu/jaune par défaut) ===== */
/* Ex: "Connectez-vous pour voir les prix" */
.woocommerce-info,
.wc-block-components-notice-banner.is-info,
.woocommerce-notices-wrapper .woocommerce-info {
  background-color: #555555 !important;
  color: #ffffff !important;
  border-top-color: #333333 !important;
}

.woocommerce-info a {
  color: #ffffff !important;
}

/* ==========================================================================
   8. STYLE DU MENU DÉROULANT BEROCKET (Angles carrés & Couleurs)
   ========================================================================== */
/* Style du bloc conteneur et du menu au repos */
body .berocket_single_filter_widget_714 select,
body [class*="bapf_wid_"] select {
    padding: 12px 20px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    color: #3C1E0F !important;            /* Texte en Marron */
    border: 1px solid #3C1E0F !important;   /* Bordure fine Marron */
    border-radius: 0px !important;         /* Angles parfaitement CARRÉS */
}

/* Style lorsque l'utilisateur clique ou survole le menu (Focus / Hover) */
body .berocket_single_filter_widget_714 select:focus,
body .berocket_single_filter_widget_714 select:hover,
body [class*="bapf_wid_"] select:focus,
body [class*="bapf_wid_"] select:hover {
    outline: none !important;
    color: #C8932A !important;             /* Le texte passe à l'Or */
    border-color: #C8932A !important;      /* La bordure passe à l'Or */
}/* End custom CSS */