/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.13.1740733487
Updated: 2025-02-28 10:04:47

*/
/* Appliquer le style de base à tous les boutons WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order,
.woocommerce .button {
    background-color: #ed7701 !important;  
    color: black !important;               
    padding: 10px 20px;                    
    text-decoration: none;                  
    border-radius: 5px;                    
    font-size: 16px;                        
    display: inline-block;                  
    transition: color 0.3s ease, background-color 0.3s ease; 
}

/* Changer la couleur du texte en blanc au survol */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover,
.woocommerce .button:hover {
    color: white !important;  
    background-color: #ed7701 !important;  
}

/* Style des onglets */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #f8f8f8;
    border-radius: 8px;
    padding: 10px;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 5px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 15px;
    background: #ed7701;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.3s ease-in-out;
}


/* Style des onglets actifs */
.woocommerce-MyAccount-navigation ul li.current-menu-item a,
.woocommerce-MyAccount-navigation ul li.current_page_item a {
    background-color: #ed7701 !important;  
    color: white !important;               
}

/* Style des boutons lors du survol */
.woocommerce-MyAccount-navigation ul li a:hover {
    background: #ff7a29;
}

/* Style des titres */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ed7701;
    padding-bottom: 5px;
}

/* Style des boutons WooCommerce dans la page Mon Compte */
.woocommerce-Button,
button.button {
    background: #ed7701;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

/* Style des boutons dans la page Mon Compte au survol */
.woocommerce-Button:hover,
button.button:hover {
    background: #ff7a29;
}

/* Meilleure présentation des informations dans la page Mon Compte */
.woocommerce-MyAccount-content {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

/* Amélioration du tableau des commandes */
.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-orders-table th,
.woocommerce-orders-table td {
    padding: 10px;
    border: 1px solid #ddd;
}

.woocommerce-orders-table th {
    background: #ed7701;
    color: white;
}

.woocommerce-orders-table tr:nth-child(even) {
    background: #f9f9f9;
}

.woocommerce-breadcrumb a[href*="product-category"],
.woocommerce-breadcrumb a[href*="shop"] {
    display: none !important;
}

.page-id-XX footer {
    min-height: 100px;
}
/* Style des liens dans le pied de page */
footer a {
    color: #ed7701 !important;  
    text-decoration: none;    
    transition: color 0.3s ease-in-out; 
}

/* Changer la couleur au survol */
footer a:hover {
    color: white !important;  
}
/* Empêcher le changement de couleur des noms des produits dans le panier */
.woocommerce-page .cart .product-name a:hover {
    color: inherit !important;  
}
/* Désactiver tout changement de couleur au survol pour les liens du fil d'Ariane */
.woocommerce-page .ast-breadcrumb a {
    color: #333333 !important;  
    text-decoration: none !important;  
}

.woocommerce-page .ast-breadcrumb a:hover {
    color: #333333 !important;  
    text-decoration: none !important;  
}
/* Style de base pour les liens dans le menu Mon Compte */
.woocommerce-MyAccount-navigation ul li a {
    color: white !important;  
    background-color: #ed7701 !important;  
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 16px;
}

/* Au survol, uniquement changer la couleur du texte */
.woocommerce-MyAccount-navigation ul li a:hover {
    color: white !important;  
    background-color: #ed7701 !important;  
}
/* Animation de zoom pour les boutons au survol */
.woocommerce-MyAccount-navigation ul li a {
    color: white !important;
    background-color: #ed7701 !important;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 16px;
    transition: transform 0.3s ease-in-out; 
}

/* Effet de zoom au survol */
.woocommerce-MyAccount-navigation ul li a:hover {
    color: white !important;
    background-color: #ed7701 !important;
    transform: scale(1.1);  
}
/* Cibler uniquement les liens dans le tableau de bord sans changer la couleur au survol */
.woocommerce-MyAccount-content a {
    color: #ed7701 !important;  
    text-decoration: none !important; 
}

/* Lors du survol des liens dans le tableau de bord */
.woocommerce-MyAccount-content a:hover {
    color: #ed7701 !important;  
    background-color: transparent !important;  
}

/* Cibler spécifiquement les liens actifs dans le tableau de bord */
.woocommerce-MyAccount-content a:active,
.woocommerce-MyAccount-content a:focus {
    color: #ed7701 !important;  
    background-color: transparent !important;  
}

/* Cibler spécifiquement le lien "Déconnexion" dans le tableau de bord */
.woocommerce-MyAccount-content .woocommerce-MyAccount-logout a {
    color: #ed7701 !important;  
}

/* Lors du survol du lien "Déconnexion" */
.woocommerce-MyAccount-content .woocommerce-MyAccount-logout a:hover {
    color: #ed7701 !important;  
    background-color: transparent !important;  
}
/* Ajouter une animation de zoom au survol de tous les textes cliquables et boutons */
a, button {
    display: inline-block;
    transition: transform 0.3s ease-in-out; /* Animation fluide */
}

/* Appliquer l'effet de zoom au survol */
a:hover, button:hover {
    transform: scale(1.1); 
}
/* Cibler les liens dans la page de validation de commande */
.woocommerce-checkout a {
    color: #ed7701 !important;  
    text-decoration: none !important;  
    transition: color 0.3s ease-in-out; 
}

/* Eviter que les liens changent de couleur au survol */
.woocommerce-checkout a:hover {
    color: #ed7701 !important;  
}

/* Eviter le changement de couleur lorsque l'on clique */
.woocommerce-checkout a:active {
    color: #ed7701 !important;  
}


/* Lors du survol du champ, empêcher la couleur de devenir blanche */
.select2-selection__rendered:hover {
    color: #ed7701 !important;  
}

/* Sélectionner le texte de la liste déroulante */
.select2-results__option {
    color: black !important;  
}

/* Lors du survol des options dans la liste déroulante */
.select2-results__option:hover {
    background-color: #ed7701 !important;  
    color: white !important;  
}

/* Gérer le texte de la sélection quand il est actif */
.select2-selection--single {
    background-color: white !important;  
    border: 1px solid #ed7701 !important;  
}

/* Appliquer le style du champ lorsqu'il est ouvert */
.select2-container--focus .select2-selection--single {
    border-color: #ed7701 !important;  
    color: #ed7701 !important;  
}

/* Style pour le champ de quantité */
.side-cart-quantity {
    margin-top: 10px;
}

.side-cart-quantity input {
    width: 50px;
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

.side-cart-quantity label {
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}
/* Animation de zoom sur l'icône du panier */
.xoo-wsc-bki.xoo-wsc-icon-basket6 {
    transition: transform 0.3s ease, color 0.3s ease;
}

.xoo-wsc-bki.xoo-wsc-icon-basket6:hover {
    transform: scale(1.1); /* Zoom léger sur l'icône */
    color: #ed7701; 
}

/* Conteneur du message de bienvenue */
.bienvenue-utilisateur-container {
    position: absolute;
    top: 60px;
    right: 10px;
    z-index: 1000;
}

/* Style du lien de bienvenue */
.bienvenue-utilisateur {
    font-size: 16px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    background: none;
    padding: 0;
    border: none;
}

/* Effet au survol */
.bienvenue-utilisateur:hover {
    color: #666;
    text-decoration: underline;
}
/* Style du prénom au survol */
.bienvenue-utilisateur:hover .prenom-utilisateur {
    background-color: #ed7701; 
    color: #fff; 
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 5px; 
    min-width: 30px; 
    aspect-ratio: 1 / 1; 
    border-radius: 0; 
    transition: background-color 0.3s ease-in-out;
}


/* Limiter la taille de l'image à 300px de large et 300px de haut */
.woocommerce-page .product img {
    width: 100%;
    height: auto;
    max-width: 300px;
    max-height: 300px;
    object-fit: cover;
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    cursor: default !important;
}
.woocommerce-checkout-review-order .side-cart-quantity {
    display: none !important;
}
/* Forcer l'affichage complet du formulaire de variations */
form.variations_form {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

/* Forcer l'affichage des éléments internes du formulaire de variations */
form.variations_form .variations,
form.variations_form .variations label,
form.variations_form .variations select {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
}


/* Modifier la couleur de fond et du texte pour les boutons dans le panier latéral */
.xoo-wsc-ft-btn.xoo-wsc-btn {
    background-color: #ed7701 !important;  
    color: #000 !important;               
}

/* Modifier la couleur de fond et du texte au survol dans le panier latéral */
.xoo-wsc-ft-btn.xoo-wsc-btn:hover {
    background-color: #ed7701 !important;  
    color: #fff !important;               
}
/* Pour chaque bouton spécifique */
.xoo-wsc-ft-btn-cart:hover,
.xoo-wsc-cart-close:hover,
.xoo-wsc-ft-btn-checkout:hover {
    color: #fff !important;  
}
.woocommerce-cart .product-name a {
    color: #000 !important;
}

.woocommerce-cart .product-name a:hover {
    color: #000 !important;
}


/* Redimensionner les images des produits dans la catégorie "Tarterie" */
.product-category.tarterie .woocommerce-loop-product__link img {
    max-width: 100%;
    height: auto;
}
.ast-shop-product-out-of-stock {
    color: #ed7701 !important; 
}

.ast-shop-product-out-of-stock:hover, 
.ast-shop-product-out-of-stock:focus {
    color: #ed7701 !important; /* Même couleur que l'état normal pour éviter le changement */
}
/* Assurez-vous que les flèches restent visibles dans l'onglet Panier */
.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    display: inline-block !important;
}

div.side-cart-quantity input[type="number"].side-cart-quantity-input::-webkit-outer-spin-button,
div.side-cart-quantity input[type="number"].side-cart-quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    display: inline-block !important;
}

.woocommerce-checkout-review-order-table div.side-cart-quantity input[type="number"].side-cart-quantity-input::-webkit-outer-spin-button,
.woocommerce-checkout-review-order-table div.side-cart-quantity input[type="number"].side-cart-quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    display: inline-block !important;
}
/* Cible les titres des sections spécifiques pour le curseur en main, mais exclut "Méthode de paiement" */
.fc-step__substep-title {
    cursor: pointer;
}

/* Cibler spécifiquement les titres des trois sections uniquement */
.fc-step__substep-title.fc-step__substep-title--contact,
.fc-step__substep-title.fc-step__substep-title--billing_address,
.fc-step__substep-title.fc-step__substep-title--order_comments {
    cursor: pointer;
}
/* Exclure "Méthode de paiement" pour éviter la main */
.fc-step__substep-title.fc-step__substep-title--payment {
    cursor: default;
}
/* Redimensionner les images des produits dans le récapitulatif de la commande */
.woocommerce-checkout-review-order-table img {
    width: 80px; 
    height: auto;
}
.woocommerce-checkout-review-order-table tr.cart_item:last-child {
    display: table-row !important;
}
/* Modifier la couleur des titres des produits dans le panier latéral */
.xoo-wsc-pname a {
    color: #000 !important;  
}
/* Corrige la taille des images dans la catégorie COIN SALÉ */
body.term-35 .products img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    max-width: 300px !important;
}
.product_meta a {
    color: #ed7701 !important;
}

.product_meta a:hover {
    color: #ed7701 !important;
}
.xoo-wsc-bki.xoo-wsc-icon-basket6:active {
    animation: bounce 0.5s ease;
}
/* Keyframes pour l'animation de rebond */
@keyframes bounce {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}

/* Pour toutes les cellules de tableau, définit le curseur par défaut */
table tbody td {
    cursor: default !important;
}

/* Pour les cellules de tableau avec la classe 'commandable'et 'WE', définit le curseur en main */
table tbody td.commandable,
table tbody td.WE {
    cursor: pointer !important;
}

table tbody td.KO {
    cursor: default !important;
}
/* Modifier l'image sur la fiche produit */
.single-product .product .wp-post-image {
    width: 120% !important;     
    height: auto !important;    
    max-width: 100% !important; 
}

/* Ajuster le conteneur pour qu'il suive la taille de l'image */
.single-product .product .product-image-wrapper {
    width: 100% !important;     
    height: auto !important;    
    overflow: visible;          
}
/* Masquer la ligne "Actions" et le bouton "Voir" sur la page de confirmation de commande */
body.woocommerce-order-received .order-actions--heading,
body.woocommerce-order-received .order-actions,
body.woocommerce-order-received .order-actions-button {
    display: none;
}
.button.back-button {
    background-color: #0073e6; 
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
}

.button.back-button:hover {
    background-color: #005bb5; 
}
.xoo-wsc-ft-btn-checkout .woocommerce-Price-amount {
    display: none;
}
p.price small {
    display: none;
}

p.price::before {
    content: "Prix :";
    margin-right: 5px; /* Ajuste l'espace entre "Prix :" et le prix */
}

p.price span {
    margin-left: 0; /* Supprime le marging-left pour réduire l'espace à gauche du prix */
}
/* Cibler uniquement les variations de produits */
.woocommerce-variation-price .price small {
    display: none; /* Masque "À partir de" */
}

.woocommerce-variation-price .price:before {
    content: "Prix :"; /* Remplace par "Prix :" */
    font-weight: bold;
}
.ast-sticky-add-to-cart-action-price small {
    display: none;
}

.ast-sticky-add-to-cart-action-price::before {
    content: "Prix :";
    margin-right: 5px;
}

/* Modifier la taille des titres de pages avec une spécificité plus élevée */
h1.page-title.ast-archive-title {
    font-size: 25px !important;
}


.woocommerce-order-overview + p {
    display: none;
}
.woocommerce-table tfoot tr:last-child {
    display: none;
}

/* Modifier la taille des titres de pages avec une spécificité plus élevée */
h1.entry-title {
    font-size: 25px !important;
}
/* Repositionner l'icône hamburger plus bas */
.ast-header-break-point .ast-mobile-svg {
    margin-top: 45px; 
}
/* Agrandir l'icône hamburger */
.ast-header-break-point .ast-mobile-svg {
    width: 32px !important;  
    height: 32px !important; 
}
/* Appliquer un fond gris clair au sous-menu mobile */
.ast-header-break-point .main-header-menu.ast-nav-menu {
    background-color: rgba(0, 0, 0, 0.2) !important; 
}

/* Assurer que les liens dans le sous-menu restent lisibles */
.ast-header-break-point .main-header-menu.ast-nav-menu li a {
    color: #333 !important; 
}
/* Appliquer un fond gris clair au sous-menu mobile avec un trait noir autour */
.ast-header-break-point .main-header-menu.ast-nav-menu {
    background-color: rgba(0, 0, 0, 0.1) !important; /* Fond gris clair */
    border: 1px solid #000 !important; /* Bord noir fin autour du sous-menu */
    border-radius: 4px !important;
}

/* Assurer que les liens dans le sous-menu restent lisibles */
.ast-header-break-point .main-header-menu.ast-nav-menu li a {
    color: #333 !important; 
}
/* Réduire les espaces autour des éléments dans la section Mon Compte */
.woocommerce-MyAccount-content p {
    margin-bottom: 10px; 
    line-height: 1.5; /* Améliore la lisibilité du texte */
}

/* Réduire l'espace général et ajuster la taille du texte pour les petits écrans */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content p {
        font-size: 14px; /* Taille du texte plus petite pour les petits écrans */
        margin-bottom: 8px; /* Réduit l'espace entre les paragraphes */
    }

    .woocommerce-MyAccount-content a {
        font-size: 14px; /* Taille des liens plus petite */
    }
}

/* Supprimer l'espace vide entre certains éléments comme le contenu */
.woocommerce-MyAccount-content .wcz-dash-content {
    margin-top: 0 !important;
}

/* Si le texte est trop espacé à cause des marges par défaut */
.woocommerce-MyAccount-content {
    padding: 15px; 
}
/* Masquer le message de bienvenue sur la page de validation de commande */
body.woocommerce-checkout .bienvenue-utilisateur {
    display: none;
}
#account_display_name_description em {
    display: inline;
}

#account_display_name_description em::before {
    content: "Indique comment votre nom apparaîtra dans la section relative au compte";
}
#account_display_name_description em {
    text-transform: none !important;
}
.bienvenue-utilisateur .prenom-utilisateur {
    text-transform: capitalize !important;
}
* {
    font-weight: normal !important;
}


/* S'assurer que la colonne occupe toute la largeur sur les petits écrans */
@media only screen and (max-width: 768px) {
    /* Cibler la table des commandes et ajuster la colonne */
    .woocommerce-orders-table .custom_add_to_cart {
        display: block;
        width: 100%;
        text-align: center; 
        padding: 10px 0;
        margin-top: 10px;
    }
    
    /* Style du bouton pour qu'il s'affiche correctement */
    .woocommerce-orders-table .add-to-cart-order {
        display: block;
        width: 100%;
        padding: 10px;
        font-size: 14px;
        text-align: center;
    }
}


/* Conteneur du menu déroulant */
.custom-dropdown {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px; 
}

/* Style du bouton principal */
.dropdown-button {
    background-color: #ffffff; 
    color: #000000; 
    border: 2px solid #ed7701; 
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease;
}

/* Quand on survole le bouton, il reste blanc */
.dropdown-button:hover {
    background-color: #ffffff;
    color: #000000;
}

/* Contenu du menu déroulant */
.dropdown-content {
    display: none; 
    position: absolute;
    background-color: #ffffff; 
    border: 1px solid #ed7701; 
    min-width: 200px;
    z-index: 100;
    /* margin-top: 5px; */ 
    top: 100%; 
    left: 0; 
    border-radius: 5px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

/* Les liens dans le menu déroulant */
.dropdown-content .dropdown-item {
    color: #000000; 
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
}


/* Survol des sous-catégories */
.dropdown-content .dropdown-item:hover {
    background-color: #ed7701;
    color: #ffffff; 
    border-radius: 5px;
}
/* Quand on survole le conteneur, on affiche le menu */
.custom-dropdown:hover .dropdown-content {
    display: block;
}


.search .posted-on,
.search .byline,
.search .author,
.search .meta,
.search .entry-meta {
    display: none !important;
}

.search .post-thumb-img-content img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    max-width: 300px;
}
.search .post-thumb-img-content {
    display: flex;
    justify-content: center;
}

/* Cibler les produits de la catégorie COIN SALÉ */
.category-coin-sale .product img {
    max-width: 100%; 
    height: auto;   
}


.category-coin-sale .product {
    margin-right: 10px; 
}
input[type="time"] {
    display: inline-block !important;
    z-index: 9999 !important;
    position: relative !important;
    width: auto !important;
    padding: 8px;
}


/* Masquer le texte "Produits" dans le fil d'Ariane */
.ast-breadcrumb .ast-breadcrumb-item:nth-child(2) {
    display: none;
}

.single-product .ast-breadcrumb {
    margin-bottom: 15px; /* Espace entre le fil d'Ariane et l'image produit */
}
.woocommerce-page .single-product .breadcrumb {
    display: none;
}
/* Forcer le style du bouton "Retour à la boutique" */
a.button.wcz-bts-btn {
    background-color: #ed7701 !important; 
    color: black !important;             
    padding: 10px 20px !important;    
    border-radius: 5px !important;     
    font-size: 16px !important;       
    text-align: center !important;
    display: inline-block !important;
    text-decoration: none !important;      /* Suppression du soulignement */
    border: none !important;               /* Pas de bordure */
    cursor: pointer !important;           /* Curseur en main */
    font-family: "Arial", sans-serif !important;  /* Police héritée */
body, h1, h2, h3, h4, h5, h6, p, span, li, a, strong, b {
  font-weight: normal !important; /* Supprime le gras partout */
}
footer * {
  font-weight: inherit !important; /* Reprend le style normal du thème */
}


/* Changer la couleur du texte et garder la couleur de fond au survol */
a.button.wcz-bts-btn:hover {
    color: white !important;            
    background-color: #ed7701 !important;  
    text-decoration: none !important;     
}