.product-miniature .product-title {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
}

.product-miniature .product-title a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
}
.product-miniature .product-price-and-shipping {
    font-weight: 700;
    color: #EC0881;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: inherit;
}


#contact-link a {
    color: #ffffff
;
   
}
#contact-link a:hover { color: #ec0881; /* couleur au survol */ }

.expand-more {
    color: #ffffff;          /* texte blanc */
    transition: color 0.3s ease;
}

.dropdown .expand-more {
    color: #ffffff; /* texte blanc */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 0.3s ease;
}

.dropdown .expand-more:hover {
    color: #ec0881; /* couleur au survol */
}

/* État normal : tout en blanc */
.currency-selector.dropdown.js-dropdown button.btn-unstyle .expand-more {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

/* Au survol du bouton : tout en #ec0881 */
.currency-selector.dropdown.js-dropdown button.btn-unstyle:hover .expand-more {
    color: #ec0881 !important;
}
/* État normal : texte blanc */
.language-selector.dropdown.js-dropdown button.btn-unstyle .expand-more {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

/* Au survol : texte rose */
.language-selector.dropdown.js-dropdown button.btn-unstyle:hover .expand-more {
    color: #ec0881 !important;
}
#_desktop_currency_selector #currency-selector-label {
    color: #ffffff !important;
}
/* Couleur normale et épaisseur de texte */
#_desktop_user_info .user-info a,
#_desktop_user_info .user-info a i,
#_desktop_user_info .user-info a span {
    color: #232323  !important;
       transition: color 0.3s ease;
}

/* Couleur au survol : rose ec0881 */
#_desktop_user_info .user-info a:hover,
#_desktop_user_info .user-info a:hover i,
#_desktop_user_info .user-info a:hover span {
    color: #ec0881 !important;
}


/* État normal : fond transparent + bordure blanche */
#header .header-nav .cart-preview.active {
    background: transparent;
    border: 1px solid #ffffff;
    transition: all 0.3s ease;
}

/* Au survol : fond rose + bordure rose */
#header .header-nav .cart-preview.active:hover {
    background: #ec0881;
    border-color: #ec0881;
}
#header .header-nav {
    max-height: 50px;
    border-bottom: #000 2px solid;
	background-color: #000;
}
/* Ligne 1 : logo seul */
.header-top .row {
    display: flex;
    flex-direction: column;
}

/* Logo centré (optionnel) */
#_desktop_logo {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

/* Ligne 2 : menu + recherche */
.header-top-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    /* Inversion de l'ordre : menu puis recherche */
    flex-direction: row-reverse;
}

/* Recherche à droite */
#search_widget {
    flex: 1;
    text-align: right;
}

/* Menu à gauche */
#_desktop_top_menu {
    flex: 1;
}
/* Liens du menu principal (niveau 0) */
.top-menu a[data-depth="0"] {
    padding: 0.625rem;
    font-size: 0.9rem;
    font-weight: 400;
    display: inline-block; /* propre et utile pour le padding */
    line-height: 1.2;      /* optionnel : améliore la lisibilité */
}
/* Titres du menu principal (niveau 0) en noir */
.top-menu a[data-depth="0"] {
    color: #000000 !important;
    font-weight: 300; /* optionnel : donne un peu de présence */

	  text-transform: none !important;
}
/* On centre le contenu du slide */
#carousel .carousel-inner {
    display: flex !important;
    justify-content: center !important;
}

/* On neutralise les règles du thème */
#carousel .carousel-item {
    text-align: center !important;
}

/* On centre l'image */
#carousel .carousel-item img {
    display: inline-block !important;
    margin: 0 auto !important;
    width: auto;
    max-width: 100%;
    height: auto;
}

#footer {
    padding-top: 2.5rem;
    border-top: 2px solid #000;
}
.top-menu a.dropdown-submenu {
    font-weight: 400;
    color: #ec0881 !important;
    text-transform: none;
}

#header a:hover {
    color: #ec0881;
    text-decoration: none;
}
.header1, .header1 * {
    color: #242424 !important;
    fill: #ffffff !important;

}
.header1:hover .material-icons {
    color: #ec0881 !important;
}
@media (max-width: 767px) {
  .header1 .blockcart.cart-preview.active .dropdown-menu {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* Couleur normale : blanc */
.elementor-menu-toggle,
.elementor-menu-toggle *,
.elementor-menu-toggle i,
.elementor-menu-toggle svg,
.elementor-menu-toggle:before,
.elementor-menu-toggle .eicon-menu-bar {
    color: #ec0881 !important;
    fill: #ec0881 !important;
    stroke: #ec0881 !important;
}

/* Hover : rose EC0881 */
.elementor-menu-toggle:hover,
.elementor-menu-toggle:hover *,
.elementor-menu-toggle:hover i,
.elementor-menu-toggle:hover svg,
.elementor-menu-toggle:hover:before,
.elementor-menu-toggle:hover .eicon-menu-bar {
    color: #EC0881 !important;
    fill: #EC0881 !important;
    stroke: #EC0881 !important;
}


#subcategories,
#subcategories-container,
.block-category .subcategories,
.block-category .subcategory,
.block-category .subcategory-container {
    display: none !important;
}
.product-miniature .product-price-and-shipping {
        color: #EC0881;
}
.pagination .current a {
    font-size: 1.25rem;
    color: #EC0881;
    text-decoration: none;
}
.block-categories a, .facets-title {
    color: #EC0881;
}

/* Couleur normale : blanc */
.material-icons.add,
.material-icons.remove {
    color: #000 !important;
}

/* Hover : rose EC0881 */
.material-icons.add:hover,
.material-icons.remove:hover {
    color: #EC0881 !important;
}
.product-price {
    display: inline-block;
    max-width: 100%;
    color: #000;
}
#wrapper .breadcrumb li a {
    color: #ec0881;
}

#block_myaccount_infos .myaccount-title a {
    color: #ec0881;
}
.block-contact .block-contact-title {
    color: #ec0881;
}
.btn-primary {
    color: #fff;
    background-color: #EC0881;
    border: 1px solid #EC0881;
}

.btn-primary:hover {
    color: #EC0881;
    background-color: #fff;
    border: 1px solid #EC0881;
}


h3 {
    color: #ec0881;
}
.product-information {
    font-size: .8375rem;
    color: #232323;
}
.dp-field-summary>p {
    font-size: .85em !important;
    display: inline;
}

:root {
  --dp-spacing: .17em !important;
}
@media (max-width: 767px) {
  /* Retrait pour tout le contenu texte (titres + paragraphes) */
  #tab-content .product-description .media-body {
    padding-left: 9px !important;
    padding-right: 9px !important;
    box-sizing: border-box !important;
	background: transparent !important;
  }
}

/* Style des icônes (ton code) */
.carousel .carousel-control .icon-next i,
.carousel .carousel-control .icon-prev i {
    font-size: 3.125rem;
    color: #000;
}

/* Décoller les flèches du bord */

/* Ancienne syntaxe Bootstrap + certaines versions PrestaShop */
.carousel .carousel-control.left,
.carousel .carousel-control.icon-prev {
    left: 105px !important;
}

.carousel .carousel-control.right,
.carousel .carousel-control.icon-next {
    right: 105px !important;
}

/* Nouvelle syntaxe type Bootstrap 4/5 */
.carousel .carousel-control-prev {
    left: 105px !important;
}

.carousel .carousel-control-next {
    right: 105px !important;
}

/* 1. Centrage du bloc de recherche dans la colonne */
#search_widget {
    width: 85% !important;
    max-width: 85% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    float: none !important;
    padding: 0 !important;
}

/* 2. Structure du formulaire (Parent de l'icône) */
#search_widget form {
    position: relative !important;
    width: 100% !important;
    height: 50px !important; /* On fixe la hauteur ici aussi */
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* 3. Champ de saisie (Texte 12px, Italique, 40px de haut) */
#search_widget form input[type="text"] {
    width: 100% !important;
    height: 50px !important;
    padding: 0 50px 0 20px !important; 
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
    outline: none !important;
    box-sizing: border-box !important;
    
    /* Style du texte */
    font-size: 12px !important;
    font-style: italic !important;
    line-height: 50px !important;
    overflow: hidden !important;
    -webkit-appearance: none !important; /* Supprime flèches et styles natifs */
}

/* Style du texte "Rechercher..." */
#search_widget form input::placeholder {
    font-size: 13px !important;
    font-style: italic !important;
}

/* 4. L'icône (22px, #8c898e, Centrée parfaitement à DROITE) */
#search_widget form i.search, 
#search_widget form button[type="submit"] i {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; /* Centrage vertical mathématique */
    
    font-size: 22px !important;
    color: #8c898e !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5;
    pointer-events: none;
}

/* 5. Bouton invisible qui contient l'icône */
#search_widget form button[type="submit"] {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 50px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


#search_widget input {
    -moz-appearance: textfield !important;
    scrollbar-width: none !important;
}
/* 1. On cache le texte "Rechercher" d'origine mais on garde sa présence */
#search_widget form input[type="text"]::placeholder {
    color: transparent !important;
}

/* 2. On place votre texte personnalisé */
#search_widget form::after {
    content: "Trouvez votre bonheur !";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    font-style: italic;
    color: #8c898e;
    pointer-events: none; /* Laisse passer le clic vers l'input */
    z-index: 1;
    display: block;
}

/* 3. CACHE LE TEXTE UNIQUEMENT QUAND ON TAPE */
/* Si le vrai placeholder n'est plus visible (car on écrit), on cache le faux */
#search_widget form:not(:has(input:placeholder-shown))::after {
    display: none !important;
}

/* 4. OPTIONNEL : Si vous voulez qu'il disparaisse aussi dès qu'on clique (Focus) */
#search_widget form:focus-within::after {
    display: none !important;
}

body {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 23px;
	color: #333333;
}
#content h2, 
section h2, 
.ce-page-content h2 {
    text-transform: none !important;
    color: #ec0881 !important;
     line-height: 1.7; !important;
    font-weight: 500 !important;
}

/* =========================================================
   1. Ciblage des textes (paragraphes, listes, titres)
   ========================================================= */
#content :is(p, li, h1, h2, h3, h4, h5, h6) a,
.ce-page-content :is(p, li, h1, h2, h3, h4, h5, h6) a,
.block-category :is(p, li, h1, h2, h3, h4, h5, h6) a,
footer :is(p, li) a,

/* =========================================================
   2. Ciblage spécifique des liens emails ET téléphones
      (partout sur le site)
   ========================================================= */
a[href^="mailto:"],
a[href^="tel:"] {
    color: #EC0881 !important;
}

/* =========================================================
   3. Effet au survol pour les liens textes, emails et téléphones
   ========================================================= */
#content :is(p, li, h1, h2, h3, h4, h5, h6) a:hover,
.ce-page-content :is(p, li, h1, h2, h3, h4, h5, h6) a:hover,
.block-category :is(p, li, h1, h2, h3, h4, h5, h6) a:hover,
footer :is(p, li) a:hover,
a[href^="mailto:"]:hover,
a[href^="tel:"]:hover {
    color: #EC0881 !important;
    opacity: 0.7;
}

/* =========================================================
   4. PROTECTION DES ICONES
   On s’assure que les icônes à côté des emails/téléphones
   ne prennent pas la couleur des liens
   ========================================================= */
.elementor-icon i,
.elementor-icon-list-icon i,
.elementor-social-icon i,
.elementor-icon-list-icon svg,
[class*="icon"] i {
    color: inherit !important;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: #EC0881 3px solid;
}
.tabs .nav-tabs .nav-link.active {
    color: #EC0881;
}
/* Force la couleur rose uniquement sur les titres H4 */
#content h4, 
.ce-page-content h4, 
.shipping-text h4, 
h4.media-heading {
    color: #EC0881 !important;
}
/* 2. Style spécifique pour Smartphone (écrans inférieurs à 767px) */
@media (max-width: 767px) {
    .header1, .header1 * {
        color: #ffffff !important; /* Le texte devient blanc sur mobile */
    }
}
/* 2. Style spécifique pour Smartphone */
@media (max-width: 767px) {
    #_desktop_user_info .user-info a, 
    #_desktop_user_info .user-info a i, 
    #_desktop_user_info .user-info a span {
        color: #ec0881  !important; 
    }
}
/* Boutons primaires désactivés (au repos et au survol) */
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-primary.disabled:hover, 
.btn-primary:disabled:hover {
    background-color: #ffffff !important; /* Fond blanc */
    color: #EC0881 !important;            /* Écriture rose */
    border-color: #EC0881 !important;      /* Bordure rose pour que le bouton reste visible */
    font-weight: 700 !important;           /* Texte en gras */
    opacity: 0.7;                          /* Légère transparence pour montrer qu'il est désactivé */
    cursor: not-allowed;                   /* Curseur spécial "interdit" */
}
#back-to-top {
    position: fixed !important;
    bottom: 40px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: #EC0881; /* Votre rose */
    color: white;
    display: none; /* Le JS l'affichera au défilement */
    z-index: 9999; /* Pour passer devant tout */
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

#back-to-top i {
    font-size: 30px;
    vertical-align: middle;
}
#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
    display: inline-block;
    margin-top: .4375rem;
    font-size: .9375rem;
    color: #EC0881;
}
/* Aligner le prix et la mention TTC sur la même ligne */
.product-prices {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline; /* Aligne les bases du texte pour que ce soit droit */
    gap: 10px; /* Espace entre le prix et le TTC */
}

.product-prices .tax-shipping-delivery-label {
    display: inline-block !important;
}

/* Masquer uniquement sur smartphone (écrans de moins de 768px) */
@media (max-width: 767px) {
    .block-categories {
        display: none !important;
    }
}
.block-category h1 {
    margin-bottom: 1rem;
    font-size: 1.7rem;
	color: #EC0881;
}
.brands-sort .select-title, .products-sort-order .select-title, .suppliers-sort .select-title {
    display: inline-block;
    width: 100%;
    padding: .625rem;
    color: #EC0881;
    cursor: pointer;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .25);
}
.btn-secondary {
    color: #EC0881;
    background-color: #f6f6f6;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    line-height: 1.7;
	color: #EC0881;
}
.block-categories .h6 {
    font-size: 1.3rem;
    font-weight: 500;
	text-transform: capitalize !important;
}
#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
    color: #EC0881;
}
/* Correction images CMS / Creative Elements */
#content img,
.ce-page-content img,
.block-category img {
    max-width: 100%;
    height: auto;
    min-width: 0;
}
#content img[width],
.ce-page-content img[width] {
    width: auto;
}
.dp-fields-container::before {
    content: "Dimensions";
    display: block;
    font-weight: 600;
    font-size: 1rem;
    color: #EC0881;
    margin: 0;
}

/* =========================================================
   1. Liens de texte UNIQUEMENT (exclusion UI)
   ========================================================= */
#content :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link),
.ce-page-content :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link),
.block-category :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link),

#product :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link),
.product-description :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link),
.product-information :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link),
.tabs :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link),

footer :is(p, li) a:not(.nav-link),

/* =========================================================
   2. Liens mail & tel (globaux)
   ========================================================= */
a[href^="mailto:"],
a[href^="tel:"] {
    color: #EC0881 !important;
}

#content :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link):hover,
.ce-page-content :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link):hover,
.block-category :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link):hover,

#product :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link):hover,
.product-description :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link):hover,
.product-information :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link):hover,
.tabs :is(p, li, h1, h2, h3, h4, h5, h6) a:not(.nav-link):hover,

footer :is(p, li) a:not(.nav-link):hover,
a[href^="mailto:"]:hover,
a[href^="tel:"]:hover {
    color: #EC0881 !important;
    opacity: 0.7;
}


.elementor-icon:hover i::before {
    color: #EC0881;
}