/* 1. ÉTIQUETTES (PROMO FUCHSIA / NOUVEAU ROUGE / % ORANGE) */
.product-flags .product-flag.on-sale, .product-flags .product-flag.discount {
    background-color: #FF00FF !important; /* Fuchsia */
}

.product-flags .product-flag.new {
    background-color: #FF0000 !important; /* Rouge */
    margin-top: 35px !important; /* Évite que ça touche Promo */
}

.discount-percentage, .discount-amount {
    background-color: #FFA500 !important; /* Orange */
    color: #FFF !important;
}


/* 2. PRIX ET ÉCONOMISEZ (TAILLE MOYENNE + VIOLET FONCÉ) */
.price, .current-price span {
    color: #8B008B !important; /* Violet foncé */
    font-size: 1.15rem !important;
}

.product-prices .discount {
    background-color: #f39d72 !important; /* Saumon */
    font-size: 13px !important;
}

/* Menu principal en Fuchsia */
.menu > ul > li > a, 
.header-top a {
    color: #FF00FF !important;
    font-weight: 600 !important;
}

/* Sous-menu en Violet Foncé et GRAS */
.menu .sub-menu a, 
.menu .sub-menu span {
    color: #8B008B !important;
    font-weight: 800 !important;
}

/* 4. TITRES PRODUITS ET BOUTONS (ORANGE ET VIOLET) */
.product-title a {
    color: #FFA500 !important; /* Titre Orange */
}

.select-file .btn-primary, .customization-save {
    background-color: #8B008B !important; /* Boutons personnalisation */
    border: none !important;
}
/* ============================================================
   PAGE PRODUIT : HARMONISATION VIOLET FONCÉ
   ============================================================ */

/* 1. Encart pourcentage (-20%) sur la photo du pack */
.product-price-and-shipping .discount-percentage,
.product-flags .product-flag.discount-percentage {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
}

/* 2. Boutons : Ajouter au panier, Choisir un fichier, Avis */
.add-to-cart, 
.btn-primary.add-to-cart,
#product-customization .btn-primary,
.select-file .btn-primary,
.post-product-comment, 
.btn-comment {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
    border: none !important;
}

/* 3. Encart ÉCONOMISEZ (Violet foncé et texte blanc) */
.product-prices .discount {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
    padding: 3px 8px !important;
    font-weight: 700 !important;
    display: inline-block !important;
}
/* 1. Badge pourcentage sur l'image (-20%) */
.product-flags .product-flag.discount-percentage,
.product-price-and-shipping .discount-percentage {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
}

/* 2. Encart ÉCONOMISEZ (Texte blanc sur fond violet foncé) */
.product-prices .discount.discount-percentage {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
    padding: 2px 8px !important;
    text-transform: uppercase;
}
/* 1. Badge pourcentage sur l'image (-20%) */
.product-flags .product-flag.discount-percentage,
.product-price-and-shipping .discount-percentage {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
}

/* 2. Encart ÉCONOMISEZ (Texte blanc sur fond violet foncé) */
.product-prices .discount.discount-percentage {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
    padding: 2px 8px !important;
    text-transform: uppercase;
}/* --- FORCE LE VIOLET FONCÉ SUR TOUT --- */

/* 1. Le badge de pourcentage sur la photo (-20%) */
.product-flags .product-flag.discount, 
.product-flags .product-flag.discount-percentage,
.product-price-and-shipping .discount-percentage {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
}

/* 2. L'encart ÉCONOMISEZ à côté du prix */
span.discount.discount-percentage, 
.product-prices .discount {
    background-color: #8B008B !important;
    color: #FFFFFF !important;
    padding: 3px 10px !important;
    display: inline-block !important;
}

/* 3. Le bouton CHOISIR UN FICHIER et ENREGISTRER */
.btn.btn-primary.select-file,
#product-customization .btn-primary,
button[name="submitCustomizedData"] {
    background-color: #8B008B !important;
    border-color: #8B008B !important;
    color: #FFFFFF !important;
}
/* Force le bouton CHOISIR UN FICHIER en violet foncé */
.file-input .btn-primary,
.select-file .btn-primary,
#product-customization input[type="file"] + .btn-primary,
.customization-block .btn-primary {
    background-color: #8B008B !important;
    border-color: #8B008B !important;
    color: #FFFFFF !important;
}

/* Changement de couleur au survol */
.file-input .btn-primary:hover,
.select-file .btn-primary:hover {
    background-color: #FF00FF !important;
    border-color: #FF00FF !important;
}
/* Cible précisément le bouton CHOISIR UN FICHIER par son conteneur de personnalisation */
.product-customization .file-input .btn.btn-primary,
.product-customization .select-file,
#product-customization .btn-primary,
.file-input .btn-primary {
    background-color: #8B008B !important;
    border-color: #8B008B !important;
    color: #FFFFFF !important;
}


/* Plan B : Si le sélecteur ne suffit pas, on attrape la couleur */
.btn-primary {
    background-color: #8B008B !important;
}
/* Cible le bloc contact tout en haut */
#contact-link, 
.contact-form a, 
[id*="contact-link"] {
    color: #25D366 !important; /* VERT WHATSAPP */
    font-weight: bold !important;
}

/* Change l'icône téléphone en vert aussi */
#contact-link i, 
.contact-form i {
    color: #25D366 !important;
}
/* Pour que le texte en haut soit bien aligné avec le reste */
.contact-link {
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- FORCE L'APPARITION DES ICÔNES --- */
.block-social ul li a, 
.block-social i, 
.block-social li a::before {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #8B008B !important; /* Ton Violet Foncé */
    font-size: 24px !important;
    width: auto !important;
    height: auto !important;
}

/* On enlève tous les masques ou fonds qui bloquent */
.block-social li {
    background: transparent !important;
    list-style: none !important;
}


/* --- RÉSEAUX SOCIAUX : CENTRAGE ABSOLU --- */
.block-social ul li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background-color: #8B008B !important;
    border-radius: 50% !important;
    position: relative !important;
    text-decoration: none !important;
    font-size: 0 !important;
    color: transparent !important;
}

/* On force l'icône de secours à être au milieu */
.block-social ul li a::after {
    color: #FFFFFF !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Le secret du centrage */
    width: 100%;
    height: 100%;
}

/* On ajuste les contenus (le "▶" et l'appareil photo) */
.block-social .facebook a::after { content: "f"; font-family: sans-serif; font-weight: bold; }
.block-social .instagram a::after { content: "📷"; font-size: 14px !important; }
.block-social .youtube a::after { content: "▶"; font-size: 12px !important; }
.block-social .tiktok a::after { content: "♪"; }
.block-social .linkedin a::after { content: "in"; font-family: sans-serif; font-weight: bold; font-size: 12px !important; }

.block-social ul li a:hover {
    background-color: #FF00FF !important;
}

/* --- FORCE LE VIOLET SUR LES TEXTES DU MENU MOBILE --- */

/* On cible TOUS les liens, spans et titres du menu mobile */
#mobile_top_menu_wrapper a, 
#mobile_top_menu_wrapper span, 
.js-top-menu-mobile li a, 
.js-top-menu-mobile .category {
    color: #8B008B !important; /* Ton Violet Foncé */
}

/* On s'assure que même au clic ou sur la page active, ça ne redevienne pas fuchsia */
#mobile_top_menu_wrapper a:active, 
#mobile_top_menu_wrapper a:focus,
.js-top-menu-mobile .active,
.js-top-menu-mobile li a:hover {
    color: #8B008B !important; 
}

/* Si les petites flèches à droite sont encore fuchsia */
.js-top-menu-mobile .navbar-toggler i, 
.js-top-menu-mobile .collapse-icons i {
    color: #8B008B !important;
}
/* --- LE PANIER EN VIOLET --- */

/* Fond du bloc panier */
#_desktop_cart .header,
.blockcart {
    background-color: #8B008B !important; /* Ton Violet Foncé */
}

/* On s'assure que le texte et l'icône restent blancs */
#_desktop_cart a, 
#_desktop_cart i, 
.blockcart a, 
.blockcart i {
    color: #FFFFFF !important;
}

/* Effet au survol : Fuchsia pour le fun */
#_desktop_cart:hover .header,
.blockcart:hover {
    background-color: #FF00FF !important;
}
/* --- PERSONNALISATION BARRE DE RECHERCHE --- */
#search_widget form i.search {
    color: #8B008B !important; /* Loupe en Violet */
}

#search_widget form input[type=text]:focus {
    outline: 2px solid #FF00FF !important; /* Bordure Fuchsia quand on clique dedans */
}
/* --- FINITION BARRE DE RECHERCHE --- */
#search_widget form input[type=text] {
    border: 1px solid #8B008B !important; /* Bordure violette légère */
}

#search_widget form i.search {
    color: #FF00FF !important; /* Loupe fuchsia qui pète ! */
}