body {
    font-family: "Open Sans", Tahoma, sans-serif, Arial;
}

* {
    font-family: inherit;
}

.container, .boxed_page_wrapper, .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1500px;
}


/* mettre un degradé sur le header */

.nav_bar.horizontal-s-fullheight {
    background: linear-gradient(to bottom, #d40019 0%, #9f0005 100%) !important; /* Applique un dégradé vertical de rouge à sombre */
}


/* enlever le background + border des elements du header + icones  */

.elementor-66 .elementor-element.elementor-element-c2c7934 .elementor-button,
.elementor-66 .elementor-element.elementor-element-936bf9b .elementor-button,
.elementor-icon.elementor-social-icon.elementor-social-icon-facebook.elementor-animation-shrink.elementor-repeater-item-d855186,  
.elementor-icon.elementor-social-icon.elementor-social-icon-twitter.elementor-animation-shrink.elementor-repeater-item-bc0bb0b,
.elementor-icon.elementor-social-icon.elementor-social-icon-google.elementor-animation-shrink.elementor-repeater-item-90272de,
.elementor-icon.elementor-social-icon.elementor-social-icon-instagram.elementor-animation-shrink.elementor-repeater-item-a0a1fbe {
    background: none !important; /* Supprime toute couleur de fond */
    border: none !important; /* Supprime toutes les bordures */
}


/* modification titre PAIEMENT SÉCURISÉ LIVRAISON EXPRESS SUIVI ET ASSURANCE Page accueil */

.elementor-1 .elementor-element.elementor-element-e82d65a .elementor-image-box-content .elementor-image-box-title,
.elementor-1 .elementor-element.elementor-element-8bcf6aa .elementor-image-box-content .elementor-image-box-title,
.elementor-1 .elementor-element.elementor-element-0bb3399 .elementor-image-box-content .elementor-image-box-title {
    font-size: 17px !important;
}

/* suppression des espaces dans les paragraphes */

dl, ol, p, ul {
    margin-bottom: 0rem;
}


h1, .h1 {
  font-size: 33px; }

h2, .h2 {
  font-size: 27px; }

h3, .h3 {
  font-size: 23px; }

h4, .h4 {
  font-size: 17px; }

h5, .h5 {
  font-size: 13px; }

h6, .h6 {
  font-size: 12px; }
  
p {
  font-size: 14px !important; /* Définit la taille de la police à 14 pixels */
}



.elementor-66 .elementor-element.elementor-element-d7838f5 .elementor-icon-box-content .elementor-icon-box-title, .elementor-66 .elementor-element.elementor-element-d7838f5 .elementor-icon-box-content .elementor-icon-box-title a {
    font-size: 17px !important;
    font-weight: 800;
}

/* texte header - connexion contactez-nous par exemple */

span.elementor-button-text.elementor-inline-editing {
    font-size: 17px !important;
    font-weight: 600;
}

.elementor-66 .elementor-element.elementor-element-d7838f5 .elementor-icon {
    font-size: 19px;
}

.elementor-button span {
    margin-right: 10px;
}

/* Style de la première boîte de produit avec ombre rouge légèrement atténuée */
.pro_first_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 10px;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(255, 0, 0, 0.25); /* Ombre rouge légèrement atténuée */
    border: 1px solid #dbd9d9; /* Contour neutre */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pro_first_box:hover {
    transform: translateY(-10px);
    box-shadow: 0 3px 6px rgba(255, 0, 0, 0.35); /* Ombre rouge légèrement plus visible au survol */
}


.st_read_more_box {
    font-size: 1.2rem; /* Taille de texte standard */
    line-height: 140%; /* Plus d'espacement pour faciliter la lecture */
    color: #555; /* Couleur légèrement assombrie pour le texte */
    padding: 1rem; /* Ajoute de l'espace autour du contenu pour une mise en page plus aérée */
    border-radius: 0.5rem; /* Ajoute des coins arrondis pour un style moderne */
    background-color: #f9f9f9; /* Couleur de fond légère pour mettre en avant le contenu */
}

.mar_b1.pro_price_block.flex_container.flex_start {
    font-size: 1.25rem; /* Taille de texte légèrement plus grande pour les prix */
    color: #000; /* Texte noir pour une meilleure visibilité */
    align-items: center; /* Aligne les éléments au centre pour un rendu plus équilibré */
    margin-bottom: 1rem; /* Ajoute un espace en bas pour la séparation des éléments */
    display: flex;
    gap: 0.5rem; /* Espacement entre les éléments flex pour plus de clarté */
}

.product-reference.pro_extra_info.flex_container {
    font-size: 1rem; /* Taille de texte standard pour les informations supplémentaires */
    color: #666; /* Couleur du texte plus douce pour les informations secondaires */
    margin-top: 1rem; /* Ajoute un espace en haut pour séparer du contenu précédent */
    display: flex;
    gap: 1rem; /* Espacement entre les éléments flex pour une meilleure organisation visuelle */
}


/* Mise en forme des prix */ 

.current-price {
    font-size: 1rem; /* Taille de police grande pour attirer l'attention */
    font-weight: 700; /* Texte en gras pour une meilleure visibilité */
    color: #e74c3c; /* Rouge vif pour attirer l'œil, mais vous pouvez adapter selon la charte graphique */
    background-color: #f9f9f9; /* Fond léger pour faire ressortir le texte */
    padding: 0.5rem 1rem; /* Ajoute de l'espace autour du prix pour un effet de bouton */
    border-radius: 0.5rem; /* Coins arrondis pour un aspect moderne */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Ombre pour donner de la profondeur */
    transition: transform 0.3s ease, background-color 0.3s ease; /* Transition pour effet dynamique */
}

.product-prices .current-price .price {
    font-size: 1.5rem; /* Taille de police grande pour attirer l'attention */
    font-weight: 700; /* Texte en gras pour une meilleure visibilité */
}


.current-price:hover {
    transform: scale(1.05); /* Légère mise en avant au survol */
}

.ajax_block_product .price {
    color: #9B110F !important;
    font-size: 21px !important;
}


/* Masque le texte TTC au niveau des prix */ 

span.tax_label {
    display: none !important; /* Masque complètement l'élément span avec la classe tax_label */
}


/* Mise en forme du titre du produit sur la page */  
  
.product_name_wrap .product_name {
    font-size: 24px !important; /* Définit la taille de la police à 24px */
    color: #666666 !important; /* Couleur du texte */
    margin: 0px 0px 24px 0px !important; /* Définit la marge en haut et en bas */
    filter: contrast(5.74) !important; /* Applique un contraste de 5.74 pour améliorer la visibilité */
    font-weight: 600;
}
 

/* Ajout de l'icone panier avant COMMANDER */


/* Modifie le bouton AJOUTER AU PANIER SUR LES FICHES PRODUITS  */

.btn.btn-default.btn-large.add-to-cart.btn-full-width.btn-spin {
    margin: auto !important;
    padding: 12px 20px !important; /* Ajoute un peu de padding pour une meilleure lisibilité */
    background: linear-gradient(to bottom, #d7001f 0%, #9f0005 100%) !important;
    border: none !important;
    border-radius: 8px !important; /* Adoucit les bords pour un look plus moderne */
    color: #fff !important; /* Change la couleur du texte pour qu'il ressorte mieux */
    font-weight: bold !important;
    font-size: 16px !important; /* Augmente la taille du texte pour une meilleure visibilité */
    cursor: pointer !important; /* Change le curseur pour indiquer que le bouton est cliquable */
    transition: background 0.3s, transform 0.2s !important; /* Ajoute une transition pour l’effet d’interaction */
}

.btn.btn-default.btn-large.add-to-cart.btn-full-width.btn-spin:hover {
    background: linear-gradient(to bottom, #9f0005 0%, #d7001f 100%) !important; /* Inverse le dégradé pour un effet de survol intéressant */
    transform: scale(1.05) !important; /* Légère mise à l'échelle pour attirer l'attention */
}

.btn.btn-default.btn-large.add-to-cart.btn-full-width.btn-spin:active {
    transform: scale(0.98) !important; /* Réduit légèrement l’échelle lorsqu’il est cliqué pour montrer l’interaction */
}


/* Styles spécifiques pour .btn-primary - tous les boutons COMMANDER du site */

.btn-primary {
    margin: auto !important;
    padding: 12px 20px !important; /* Ajoute du padding pour une meilleure lisibilité */
    background: linear-gradient(to bottom, #d7001f 0%, #9f0005 100%) !important;
    border: none !important;
    border-radius: 8px !important; /* Adoucit les bords pour un look plus moderne */
    color: #fff !important; /* Change la couleur du texte pour qu'il ressorte mieux */
    font-weight: bold !important;
    font-size: 16px !important; /* Augmente la taille du texte pour une meilleure visibilité */
    cursor: pointer !important; /* Change le curseur pour indiquer que le bouton est cliquable */
    transition: background 0.3s, transform 0.2s !important; /* Ajoute une transition pour l’effet d’interaction */
}

.btn-primary:hover {
    background: linear-gradient(to bottom, #9f0005 0%, #d7001f 100%) !important; /* Inverse le dégradé pour un effet de survol intéressant */
    transform: scale(1.05) !important; /* Légère mise à l'échelle pour attirer l'attention */
}

.btn-primary:active {
    transform: scale(0.98) !important; /* Réduit légèrement l’échelle lorsqu’il est cliqué pour montrer l’interaction */
}


/* centre le bouton d'ajout au panier - COMMANDER */

.add-to-cart-or-refresh {
    display: flex !important; /* Utiliser Flexbox pour aligner les éléments */
    justify-content: center !important; /* Centre horizontalement le bouton */
    align-items: center !important; /* Centre verticalement si nécessaire */
    width: 100% !important; /* S'assurer que le formulaire occupe toute la largeur disponible */
    text-align: center !important; /* Pour être sûr que le contenu est centré */
}

.add-to-cart-or-refresh button {
    margin: 0 auto !important; /* Forcer le centrage du bouton */
}


/* Centrage horizontal des informations comme Rupture de stockSold out */

.st_sticker_block {
    display: flex !important; /* Utilise Flexbox pour organiser les éléments */
    justify-content: center !important; /* Centre les éléments horizontalement */
    align-items: center !important; /* Centre les éléments verticalement, si nécessaire */
    width: 100% !important; /* Assure que le bloc occupe toute la largeur disponible */
    height: auto !important; /* Ajuste la hauteur en fonction du contenu */
    margin: 0 auto !important; /* Assure le centrage global */
}

/* Dégradé sur le sticker Orange SALE */

.st_sticker_2 {
    background: linear-gradient(to bottom, rgba(255, 138, 0, 1) 0%, rgba(204, 112, 0, 1) 100%) !important; /* Applique un dégradé partant de la couleur spécifiée vers une teinte plus foncée */
}



/* Styles spécifiques pour le panier de la barre en haut à droite avec nombre objets */

.top_bar_item .cart_icon_item {
    display: flex !important; /* Utiliser Flexbox pour l'alignement */
    flex-direction: column !important; /* Disposer les éléments verticalement */
    justify-content: center !important; /* Centre les éléments verticalement */
    align-items: center !important; /* Centre les éléments horizontalement */
    color: #000000 !important; /* Couleur du texte en noir pour la simplicité */
    font-weight: 500 !important; /* Poids de la police légèrement renforcé pour une meilleure visibilité */
    font-size: 16px !important; /* Taille de la police un peu plus grande pour un aspect moderne */
    margin: 4px 0 !important; /* Ajoute un petit espace vertical pour espacer les éléments */
    padding: 8px 8px 12px 8px !important; /* Ajoute un padding plus important en bas pour éviter que le texte soit tronqué */
    border-radius: 4px !important; /* Coins légèrement arrondis pour un aspect moderne et adouci */
    background-color: #f9f9f9 !important; /* Fond légèrement gris pour un contraste doux */
    transition: background-color 0.3s ease, transform 0.2s ease !important; /* Ajoute une transition pour une légère interaction */
}

.top_bar_item .cart_icon_item:hover {
    background-color: #e6e6e6 !important; /* Fond légèrement plus foncé au survol pour une interaction discrète */
    transform: scale(1.02) !important; /* Agrandissement très léger pour attirer l'attention sans exagération */
}


/* MISE EN FORME DES BOUTONS DANS LE PANIER */

.btn.btn-default.btn-full-width.btn_to_checkout {
    margin: auto !important;
    padding: 12px 20px !important; /* Ajoute du padding pour une meilleure lisibilité */
    background: linear-gradient(to right, #D40019 31%, #fa9c7d 100%) !important; /* Applique le dégradé spécifié */
    border: none !important;
    border-radius: 8px !important; /* Adoucit les bords pour un look plus moderne */
    color: #fff !important; /* Change la couleur du texte pour qu'il ressorte mieux */
    font-weight: bold !important;
    font-size: 16px !important; /* Augmente la taille du texte pour une meilleure visibilité */
    cursor: pointer !important; /* Change le curseur pour indiquer que le bouton est cliquable */
    transition: background 0.3s, transform 0.2s !important; /* Ajoute une transition pour l’effet d’interaction */
}

.btn.btn-default.btn-full-width.btn_to_checkout:hover {
    background: linear-gradient(to right, #fa9c7d 0%, #D40019 100%) !important; /* Inverse le dégradé pour un effet de survol intéressant */
    transform: scale(1.05) !important; /* Légère mise à l'échelle pour attirer l'attention */
}

.btn.btn-default.btn-full-width.btn_to_checkout:active {
    transform: scale(0.98) !important; /* Réduit légèrement l’échelle lorsqu’il est cliqué pour montrer l’interaction */
}

.btn-default {

    background: linear-gradient(to right, #D40019 31%, #fa9c7d 100%) !important; /* Applique le dégradé spécifié */
    border: none !important;
    border-radius: 8px !important; /* Adoucit les bords pour un look plus moderne */
    color: #fff !important; /* Change la couleur du texte pour qu'il ressorte mieux */
    font-weight: bold !important;
    font-size: 16px !important; /* Augmente la taille du texte pour une meilleure visibilité */
    cursor: pointer !important; /* Change le curseur pour indiquer que le bouton est cliquable */
    transition: background 0.3s, transform 0.2s !important; /* Ajoute une transition pour l’effet d’interaction */
}


.btn-default:hover {
    background: linear-gradient(to right, #fa9c7d 0%, #D40019 100%) !important; /* Inverse le dégradé pour un effet de survol intéressant */
    transform: scale(1.05) !important; /* Légère mise à l'échelle pour attirer l'attention */
}


.btn-default:active {
    transform: scale(0.97) !important; /* Réduit légèrement l’échelle lorsqu’il est cliqué pour montrer l’interaction */
}


/* MISE EN FORME DE NOS PRODUITS pour n'afficher que 'licone du panier' */

.ajax_add_to_cart_button.hover_fly_btn.btn.btn-default.btn-spin {
  display: flex; /* Utilise flex pour centrer l'icône */
  align-items: center;
  justify-content: center;
  width: 40px; /* Ajuste la largeur pour ne garder que l'icône, modifiable selon vos besoins */
  height: 40px; /* Ajuste la hauteur pour ne garder que l'icône, modifiable selon vos besoins */
  padding: 0; /* Supprime les marges internes */
}

.ajax_add_to_cart_button.hover_fly_btn.btn.btn-default.btn-spin span {
  display: none; /* Cache tout le texte à l'intérieur du bouton */
}


/* pour selectionner une option de livraison */

.custom-radio {
    margin-right: 10px;
}

.custom-radio input[type="radio"] {
    appearance: none !important; /* Supprime l'apparence par défaut du bouton radio */
    border: 2px solid #D40019 !important; /* Bordure rouge visible pour attirer l'attention */
    border-radius: 50% !important; /* Forme circulaire pour le bouton radio */
    position: relative !important;
    margin-right: 10px;
}


/* Dans One page checkout mettre le texte en plus sombre */

.type-checkout-options li label, #form_ets_onepagecheckout .row.delivery-option span.carrier-delay {
    color: #0e2427;
}

/* mettre en bleu dans la fiche produit - ajouter au panier  */

.hover_fly_0 .hover_fly_btn:first-child,
.hover_fly_0:hover .hover_fly_btn:first-child:hover {
    background: linear-gradient(to bottom, #004e8a 0%, #0cb7e2 100%) !important; /* Dégradé allant du bleu foncé au bleu clair */
}

/* mettre en forme le etxte de la description d'une fiche produit  */

.product-description .st_read_more_box p {
    font-size: 18px !important;
}


/* mise en forme ldes sous menu du megamenu */

.style_wide .ma_level_1 {
    line-height: 1; /* distance entre le slignes du menu */
    margin-bottom: 0rem;   
}


.mu_level_1 {
    list-style: none; /* Supprime les puces par défaut */
    padding: 0;
    margin: 0;
}

.ml_level_1 {
    padding: 10px 15px; /* Ajoute un léger padding autour de chaque élément */
    position: relative; /* Nécessaire pour positionner l'icône */
    line-height: 1; /* Ajuste l'espacement entre les lignes */
}

.ml_level_1::before {
    content: "▸"; /* Ajoute un symbole devant chaque élément */
    position: absolute;
    left: -5px; /* Ajuste la position du symbole pour le centrer par rapport au texte  */
    color: #000000; /* Met le symbole en noir */
    font-size: 1em; /* Garde la même taille que le texte */
}

/* Style pour mettre le texte en minuscule avec seulement la première lettre en majuscule */

.ma_level_1.ma_item {
    text-transform: lowercase; /* Met tout le texte en minuscule */
}

.ma_level_1.ma_item::first-letter {
    text-transform: uppercase; /* Met la première lettre en majuscule */
}

/* Masquer le swiper sur les appareils mobiles */
@media (max-width: 800px) {
    #st_swiper_1,
    #swiper_container_1 {
        display: none;
    }
}

/* Masquer le swiper sur les appareils mobiles */
@media (max-width: 800px) {
    /* Vos sélecteurs CSS */
    .swiper_container_out_1,
    .swiper_container_1,
    .st_swiper_1,
    .swiper_wraper_out,
    .swiper_wraper,
    .swiper-container,
    .swiper-wrapper {
        display: none;
    }
}

.page-home .featured-products {
    display: none !important;
}

.carrier-tracking-number {
    text-transform: uppercase !important;
}

#carrier-tracking-number {
    text-transform: uppercase;
}

#nav_left {
    display: none !important;
}