/* Masquer le prix sur la page de la boutique et la page du produit */
.price, .woocommerce-Price-amount {
    display: none !important;
}

/* Masquer le bouton "Ajouter au panier" sur la page de la boutique et la page du produit */
.add_to_cart_button, .single_add_to_cart_button {
    display: none !important;
}
/* Masquer le prix unitaire dans la liste de souhaits YITH WooCommerce */
.yith-wcwl-table .product-price,
.wishlist_table .product-price {
    display: none !important;
}
/* Masquer le champ de quantité sur la page du produit */
.quantity {
    display: none !important;
}
/* Masquer le champ de quantité dans le panier */
.woocommerce-cart table.cart td.product-quantity {
    display: none !important;
}

/* Masquer le champ de quantité dans la page de la liste de souhaits */
.wishlist_table td.product-quantity,
.yith-wcwl-add-to-cart .quantity {
    display: none !important;
}
/* Masquer la flèche des sous-menus */
.wp-block-navigation__submenu-icon {
    display: none !important;
}
/* Masquer le bouton "Lire la suite" dans WooCommerce */
.woocommerce a.button.product_type_simple,
.woocommerce a.button.product_type_grouped {
    display: none !important;
}
/* Masquer l'état du stock dans YITH WooCommerce Wishlist */
.wishlist_table .product-stock-status {
    display: none;
}
/* Container pour la barre de tri */
.woocommerce-ordering {
    display: flex;
    justify-content: flex-end; /* Aligne le sélecteur à droite */
    margin-bottom: 20px; /* Espacement sous la barre de tri (ajustez selon vos besoins) */
}
/* Style du sélecteur de tri */
.orderby {
    font-size: 14px; /* Ajustez la taille de la police */
    padding: 5px;    /* Ajustez le padding autour du texte */
    height: auto;    /* Assurez-vous que la hauteur est adaptée au contenu */
    width: auto;     /* Ajustez la largeur si nécessaire */
}
/* Ajoutez une bordure autour de chaque produit */
.woocommerce ul.products li.product {
    border: 1px solid #ddd; /* Couleur de la bordure, ajustez selon vos besoins */
    border-radius: 5px; /* Arrondir les coins de la bordure, ajustez selon vos besoins */
    padding: 10px; /* Espacement intérieur, ajustez selon vos besoins */
    margin-bottom: 20px; /* Espacement inférieur entre les produits */
    background-color: #fff; /* Couleur de fond pour les produits, ajustez si nécessaire */
}

/* Masquer le lien "Choix des options" pour les sous-modèles sur la page des favoris */
.page-id-737 a.add_to_cart_button.product_type_variable {
    display: none !important;
}
/* Cacher les boutons "Ajouter au panier" pour les sous-modèles sur la page des favoris */
.page-id-737 a.add_to_cart_button.product_type_variation {
    display: none !important;
}
.page-numbers.current {
  color: #00A0DD !important; /* Applique la couleur bleue */
}
span[aria-current="page"].page-numbers {
  color: #00A0DD !important; /* Précision supplémentaire pour cibler le bon élément */
}
mark.count {
    background-color: transparent; /* Supprime le fond jaune */
    color: inherit; /* Conserve la couleur du texte du parent */
    padding: 0; /* Supprime les éventuels espacements */
    border: none; /* Supprime toute bordure si existante */
}
mark.count {
    background-color: transparent; /* Supprime le fond jaune */
    color: black; /* Met le texte en noir */
    padding: 0; /* Supprime les espacements */
    border: none; /* Supprime toute bordure */
}
select option[value="price"], 
select option[value="price-desc"] {
  display: none !important;
}
@media (max-width: 767px) {
  .wp-block-group.header-action.is-content-justification-right.is-layout-flex {
    display: none;
  }
}
/* Cacher le bouton sur les écrans de moins de 768px */
@media (max-width: 768px) {
  .wp-block-button a.wp-block-button__link {
    display: none !important; /* Utilisation de !important pour s'assurer que la règle soit appliquée */
  }
}
/* Réduit l'espace autour des images et des éléments du slider */
@media (max-width: 767px) {
    .n2-ss-slider-1,
    .n2-ss-slider-2,
    .n2-ss-slider-3,
    .n2-ss-slider-4 {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Réduire les marges autour des images dans les slides */
    .n2-ss-slide-background-image {
        margin: 0 !important; /* Supprime les marges */
        padding: 0 !important; /* Supprime les espacements */
    }

    /* Réduire les dimensions des slides */
    .n2-ss-slide {
        width: 100% !important; /* Prend toute la largeur */
        height: auto !important; /* Ajuste la hauteur automatiquement */
    }
    
    /* Ajuster la taille de l'image pour les petits écrans */
    .n2-ss-slide-background-image img {
        width: 100% !important; /* Rendre l'image responsive */
        height: auto !important; /* Garder les proportions */
    }

    /* Ajuster l'espacement entre les slides */
    .n2-ss-slider-2 {
        gap: 10px !important; /* Espacement entre les slides */
    }
}
/* Styles généraux */
.dgwt-wcas-search-wrapp {
    width: 100%; /* Prend toute la largeur disponible */
    padding: 10px; /* Ajoute un peu d'espace autour du formulaire */
}

.dgwt-wcas-search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* Pour les grands écrans */
.dgwt-wcas-search-input {
    width: 60%; /* Prend 60% de la largeur */
    padding: 10px;
}

.dgwt-wcas-search-submit {
    background-color: #007bff; /* Exemple de couleur de fond */
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

.dgwt-wcas-search-submit svg {
    width: 20px;
    height: 20px;
}

/* Pour les écrans moyens (tablettes et petits écrans) */
@media (max-width: 768px) {
    .dgwt-wcas-search-input {
        width: 80%; /* Réduit la largeur du champ de recherche */
    }

    .dgwt-wcas-search-submit {
        width: 100%; /* Le bouton prend toute la largeur */
        margin-top: 10px; /* Ajoute un espace entre le champ de recherche et le bouton */
    }

    .dgwt-wcas-sf-wrapp {
        flex-direction: column; /* Dispose les éléments en colonne sur les petits écrans */
    }
}

/* Pour les petits écrans (mobiles) */
@media (max-width: 480px) {
    .dgwt-wcas-search-input {
        width: 100%; /* Le champ de recherche prend toute la largeur */
        margin-bottom: 10px; /* Ajoute un peu d'espace sous le champ de recherche */
    }

    .dgwt-wcas-search-submit {
        width: 100%; /* Le bouton prend toute la largeur */
    }

    .dgwt-wcas-sf-wrapp {
        padding: 5px; /* Réduit le padding pour plus d'espace */
    }
}
/* Style général pour l'image du logo */
.wp-image-2855 {
    position: relative; /* Position relative par rapport à son conteneur parent */
    left: 10px; /* Décale légèrement l'image vers la droite */
    top: 0; /* Garde le logo au même niveau que la barre de recherche */
    width: 181px; /* Taille du logo */
    height: auto; /* Hauteur automatique pour garder la proportion du logo */
    z-index: 10; /* Assure que l'image est au-dessus des autres éléments */
}

/* Sur tablette (max-width: 768px) */
@media (max-width: 768px) {
    .wp-image-2855 {
        left: 10px; /* Déplace légèrement l'image vers la droite sur tablette */
        width: 150px; /* Réduit la taille du logo sur tablette */
    }
}

/* Sur téléphone (max-width: 480px) */
@media (max-width: 480px) {
    .wp-image-2855 {
        left: 10px; /* Déplace légèrement l'image vers la droite sur téléphone */
        width: 120px; /* Réduit la 
/* Style général pour la barre de recherche */
.dgwt-wcas-search-form {
    display: flex;
    justify-content: flex-end; /* Décale la barre de recherche vers la droite */
    align-items: center; /* Aligne les éléments de la barre de recherche verticalement */
    width: 100%; /* La barre de recherche prend toute la largeur par défaut */
    height: 40px; /* Définir une hauteur fixe pour la barre de recherche */
}

/* Pour l'image du logo, aligner sa hauteur avec celle de la barre de recherche */
.wp-image-2855 {
    position: relative;
    top: 0;
    left: 10px; /* Décale légèrement le logo vers la droite */
    height: 40px; /* Ajuste la hauteur du logo à la même hauteur que la barre de recherche */
    width: auto; /* La largeur est ajustée proportionnellement à la hauteur */
    z-index: 10; /* Assure que l'image est au-dessus des autres éléments */
}

/* Sur tablette (max-width: 768px) */
@media (max-width: 768px) {
    .dgwt-wcas-search-form {
        width: 80%; /* Réduit la largeur de la barre de recherche */
    }

    .wp-image-2855 {
        left: 10px; /* Décale légèrement le logo vers la droite */
        height: 30px; /* Réduit la taille du logo sur tablette */
    }
}

/* Sur téléphone (max-width: 480px) */
@media (max-width: 480px) {
    .dgwt-wcas-search-form {
        width: 70%; /* Réduit encore la largeur de la barre de recherche */
    }

    .wp-image-2855 {
        left: 10px; /* Décale légèrement le logo vers la droite */
        height: 30px; /* Réduit la taille du logo sur mobile */
    }
}
/* Assurez-vous que l'image prend toute la largeur disponible sans déformation */
.logo-responsive {
  max-width: 100%;    /* L'image ne dépassera pas 100% de la largeur de son conteneur */
  height: auto;       /* Laisser l'image s'ajuster en fonction de sa largeur */
  display: block;     /* Elimine les espaces en dessous de l'image */
  border-radius: 4px; /* Bords arrondis pour une meilleure esthétique */
  margin-left: 20px;  /* Décalage plus important vers la droite (ajustez la valeur selon vos besoins) */
}

/* Ajustements supplémentaires pour les petits écrans (smartphones et tablettes) */
@media (max-width: 768px) {
  .logo-responsive {
    width: 80%; /* L'image occupe 80% de la largeur de l'écran sur les tablettes */
    margin: 0 auto; /* Centrer l'image horizontalement */
  }
}

@media (max-width: 480px) {
  .logo-responsive {
    width: 60%; /* Réduit la largeur à 60% sur les petits écrans */
    margin: 0 auto; /* Centrer l'image horizontalement */
  }
}
@media only screen and (max-width: 768px) {
    p.ma-classe {
        display: none;
    }
}
.smart-slider {
    margin: 10px; /* Ajuste la marge autour du diaporama */
    padding: 0;   /* Si tu veux enlever l'espacement intérieur */
}