/*
Theme Name: Artisanat-Child-theme
Theme URI: https://artisanat.ravendt.info/
Description: Theme enfant de Hello Elementor
Author: White Raven
Author URI: https://artisanat.ravendt.info/
Template: hello-elementor
Version: 1.0.0
*/
@import url('/wp-content/themes/hello-elementor/assets/css/theme.css');
@import url('/wp-content/themes/hello-elementor/assets/css/theme.css');
.page-header{
    display: none;
}

:root {
  /* Définition des variables de couleur */
  --couleur-primaire: #009e60; /* Un vert pour votre thème */
  --couleur-secondaire: #FFC107; /* Une couleur d'accent (jaune) */
  --couleur-texte-sombre: #333333;
  --couleur-fond-clair: #FFFFFF;
}

.header-logo-menu-container .elementor-element{
    justify-content: center;
    align-items: center;
}

.header-search-bar{
    border: 2px solid #f77f00;
}

.icon-col{
    justify-content: center;
    align-items: center;
}

.tablette-search{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.mobile-header .e-con-inner{
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: center;
}

.text-header {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  animation: typing 8s steps(40, end) forwards, blink 0.8s infinite;
}
.categorie-list a img {
  display: inline-block; 
  transition: transform 0.3s ease;
}

.categorie-list a img:hover {
  transform: scale(1.05);
}
.price {
    display: flex;
    flex-direction: column-reverse;
    gap: 25px;
}
.price del:nth-child(1) {
    color: #dd3949;
    opacity: 1 !important;
}
p.stock.in-stock{
  display: none;
}
.wc-tabs {
  display: flex;
  justify-content: center;
}

.produtc-tabs{
  border: 1px solid #f77f00;
  border-radius: 5px !important;
}
.woocommerce div.product.elementor .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none !important;
  background: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
  background-color: #f5fbf9 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid #009e60 !important;
}
/* 1. Conteneur UL : Active Flexbox et occupe toute la largeur */
.woocommerce-tabs .tabs.wc-tabs {
    display: flex; 
    justify-content: space-between; 
    width: 100%; 
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 2. Éléments LI : Occupe une part égale de l'espace */
.woocommerce-tabs .tabs.wc-tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    flex-grow: 1;
    text-align: center; 
    padding: 0 0 10px 0;
    cursor: pointer;
    position: relative;
    font-weight: 400 !important;
    color: #15a66d !important;
    text-transform: uppercase;
}


.woocommerce-tabs .tabs.wc-tabs li.active {
    color: #2ECC71; 
    border-bottom: 3px solid #2ECC71; 
    margin-bottom: -1px; 
}
/* Style du conteneur de la liste pour les champs ACF */
.custom-product-data-list {
    margin: 0;
    padding: 0;
    /* Utilise le display grid pour aligner les titres et les valeurs */
    display: grid;
    grid-template-columns: 200px 1fr; /* 200px pour le titre (gauche), le reste pour la valeur (droite) */
    gap: 10px 20px; /* Espace vertical et horizontal entre les éléments */
}

/* Style des TITRES (Ingrédients, Matériaux, etc.) */
.custom-product-data-list dt {
    /* Utiliser la couleur verte de votre design ou ajuster */
    color: var(--couleur-primaire);
    font-weight: bold;
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #eee; /* Ligne de séparation sous le titre */
}

/* Style des VALEURS (le contenu du champ) */
.custom-product-data-list dd {
    color: #333; /* Texte de contenu plus foncé */
    padding: 10px 0;
    margin: 0 0 0 0; /* Supprime la marge par défaut des dd */
    border-bottom: 1px solid #eee; /* Ligne de séparation sous la valeur */
}

/* Enlever la bordure du dernier élément pour un look plus propre */
.custom-product-data-list dt:last-of-type,
.custom-product-data-list dd:last-of-type {
    border-bottom: none;
}

/* Ajustement pour les écrans mobiles (empile les éléments) */
@media (max-width: 600px) {
    .custom-product-data-list {
        grid-template-columns: 1fr; /* Une seule colonne sur mobile */
        gap: 0;
    }
    .custom-product-data-list dt {
        padding-bottom: 0; /* Pas d'espace sous le titre */
        border-bottom: none; /* Pas de ligne de séparation */
    }
    .custom-product-data-list dd {
        padding-top: 5px; /* Petit espace au-dessus du contenu */
        margin-bottom: 15px; /* Espace après le bloc de contenu */
    }
}

.swiper.elementor-loop-container{
  padding-top: 25px;
}

/* Ciblage de la slide active réelle ou de la slide suivante si la slide active est la première */
.elementor-element-26e43ce .swiper-slide-next {
    /* Utilisez une valeur plus élevée si -20px est trop subtil */
    transform: translateY(-30px) !important; 
    transition: transform 0.4s ease-in-out;
}

/* Retirer le style des autres slides */
.elementor-element-26e43ce .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next) {
    transform: translateY(0) !important;
}

.dokan-stores-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.store-card-image {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.store-card-image img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 12px;
}

.store-card-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255, 136, 0, 0.8);
    color: white;
    padding: 12px;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    border-radius: 0 0 12px 12px;
}

.store-content {
  display: flex;
  align-items: end;
}

.store-data  h2 {
  font-size: 17px;
  font-weight: 400;
  font-style: italic;
  color: #FFFFFF;
}

#dokan-seller-listing-wrap.grid-view .store-content {
  position: relative !important;
  background-color: #F77F0091 !important;
  border-radius: 10px;
}
#dokan-seller-listing-wrap.grid-view .store-content .store-data-container{
  padding: 0 20px !important;
}
.store-wrapper{
  padding: 20px;
  border-radius: 10px;
}

@keyframes typing {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes blink {
  50% { border-color: transparent; }
}

.home-slider .elementor-slides-wrapper{
    border-radius: 10px;
}

.elementor-element-aa22a00 del .woocommerce-Price-amount {
  color: #dd3949 !important;
}
.btn-panier a.elementor-button:hover {
  border: 2px solid #f77f00 !important;
}