/* --- PERSONNALISATION MODERNE --- */
:root {
 /* 1. La couleur principale (remplacez par celle de votre choix) */
 --brand-primary: #126b00;
 --brand-secondary: #f8fafc;

 /* 2. Arrondir les boutons (Demande de Julien) */
 --btn-border-radius: 50px; /* Effet pillule très moderne */

 /* 3. Arrondir les fiches produits et images */
 --border-radius: 12px;
}

/* Effet de survol sur les boutons pour le côté "Bien-être" */
.btn-primary {
 transition: all 0.3s ease;
 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover {
 transform: translateY(-2px);
 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Modernisation des fiches produits */
.product-miniature {
 border-radius: 12px;
 overflow: hidden;
 border: 1px solid #f1f5f9;
 transition: transform 0.2s;
}

.product-miniature:hover {
 transform: scale(1.02);
}
/* 1. Couleur de base des liens (au repos) */
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link {
 color: #ffffff !important; /* Remplacez par votre couleur (ex: Orange) */
}

/* 2. Couleur des liens au survol (Hover) et au clic (Focus) */
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link:hover,
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link:focus {
 color: #aeff37 !important; /* Remplacez par votre couleur au survol (ex: Bleu) */
}

/* 3. Couleur du lien de la page actuelle (Active) */
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li.current .ps-mainmenu__tree-link,
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link.active {
 color: #28a745 !important; /* Remplacez par votre couleur active (ex: Vert) */
}
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-dropdown-toggle {
 display: flex;
 align-items: center;
 align-self: stretch;
 justify-content: center;
 padding: 1.25rem 0.125rem;
 color: white;
 cursor: pointer;
 background: none;
 border: none;
}
/* ==========================================================================
   BRIDER LA HAUTEUR DU CARROUSEL D'IMAGES (DOM PS_IMAGESLIDER)
   ========================================================================== */

/* --- Version Ecran (Ordinateurs) --- */
@media (min-width: 992px) {
 .ps-imageslider .carousel-inner,
 .ps-imageslider .carousel-item,
 .ps-imageslider .ps-imageslider__link {
  height: 400px !important; /* Ajustez la hauteur souhaitée sur PC ici */
 }
}

/* --- Version Mobile et Tablette --- */
@media (max-width: 991px) {
 .ps-imageslider .carousel-inner,
 .ps-imageslider .carousel-item,
 .ps-imageslider .ps-imageslider__link {
  height: 200px !important; /* Ajustez la hauteur souhaitée sur Mobile ici */
 }
}

/* --- Comportement global des balises enfants (Image & Figure) --- */
.ps-imageslider .ps-imageslider__figure {
 height: 100% !important;
 width: 100% !important;
 margin-bottom: 0 !important;
}

.ps-imageslider .carousel-item img {
 height: 100% !important;
 width: 100% !important;
 object-fit: cover !important; /* Force le recadrage propre sans écraser */
 object-position: center center !important; /* Centre l'image lors du recadrage */
}
.copyright{display: none;}