/* Importation des polices Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;600&family=Satisfy&display=swap');

/* STYLES GÉNÉRAUX */
body {
  font-family: 'Mulish', sans-serif;
  font-size: 0.95em;
}

/* Satisfy pour tous les H3 sauf exclusions (liste complète) */
h3:not(.footer-title):not(.page-heading):not(.no-satisfy):not(.sidebar-title):not(.account-title):not(.cms-title):not(.newsletter-title):not(.modal-title):not(.wishlist-title):not(.invoice-title):not(.invoice-header):not(.invoice-info):not(.invoice-summary):not(.email-title):not(.email-header):not(.email-info):not(.email-subject):not(.notification-title):not(.alert-title):not(.message-title):not(.return-title):not(.refund-title):not(.credit-slip-title):not(.payment-instruction-title):not(.payment-info):not(.support-title):not(.faq-title):not(.order-confirmation-title):not(.order-tracking-title):not(.shipping-info-title):not(.product-title):not(.product-miniature):not(.promo-title):not(.category-title):not(.block-title):not(.tabs .nav-link):not(.page-product h3):not(.contact-title):not(.product-miniature .product-title a) {
  font-family: 'Satisfy', cursive !important;
  text-transform: none !important;
}

/* Satisfy aussi explicitement sur titres dans description courte et éditeur */
.product-description h3 {
  font-family: 'Satisfy', cursive !important;
  text-transform: none !important;
}

/* Satisfy sur titres cliquables des produits dans listes/catégories (partout sauf page accueil) */
.product-miniature .product-title a {
  font-family: 'Satisfy', cursive !important;
  text-transform: none !important;
}

.product-miniature .product-title a,
.block-products-carousel .product-miniature .product-title a,
#home .product-miniature .product-title a,
#home #product-list .product-miniature .product-title a {
  font-size: 1.15rem !important;
  white-space: nowrap !important; /* une seule ligne */
  overflow: hidden !important; /* texte coupé si trop long */
  text-overflow: ellipsis !important; /* ajout "..." si coupé */
  line-height: 1.3 !important;
  text-align: center !important;
  display: block !important;
}

/* Sur la page d'accueil uniquement, forcer Mulish sur les titres miniatures pour enlever Satisfy */
body.index .product-miniature h3,
body.index .product-miniature .product-title,
body.index .product-miniature .product-title a {
  font-family: 'Mulish', sans-serif !important;
  text-transform: none !important;
}

/* Agrandir le titre de fiche produit */
h1[itemprop="name"],
.product h1,
.page-product h1 {
  font-size: 1.2rem !important; /* Ajuste la taille selon tes préférences */
}

/* NOMS DE PRODUITS ET CATÉGORIES - minuscules avec 1ère lettre majuscule, gris foncé */
.product-title,
.category-title,
.product h1,
.page-product h1,
.subcategory-name {
  font-family: 'Mulish', sans-serif;
  text-transform: none;
  font-weight: 500;
  font-size: 1em;
  white-space: normal !important;
  line-height: 1.2em;
}

.product-title,
.category-title,
.subcategory-name {
  font-family: 'Mulish', sans-serif;
  text-transform: none !important;
  font-weight: 500;
  font-size: 1em;
  white-space: normal !important;
  line-height: 1.2em;
}

/* PANIER (Desktop + Mobile) */
.header-cart .cart-products-count,
#_desktop_cart .blockcart,
#_mobile_cart .blockcart {
  background-color: #ebb82c !important;
  color: white !important;
}

.header-cart .material-icons,
.header-cart i,
.header-cart span,
#_desktop_cart .blockcart .material-icons,
#_desktop_cart .blockcart i,
#_mobile_cart .blockcart .material-icons,
#_mobile_cart .blockcart i {
  color: white !important;
}

/* BOUTONS */
.btn, .button, input[type="submit"], input[type="button"], a.button {
  background-color: #EBB82C;
  border: none;
  border-radius: 30px;
  padding: 0.6em 1.2em;
  color: white;
  font-family: 'Mulish', sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.btn:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {
  background-color: #EFCB6B !important;
}

/* PIED DE PAGE - revenir à thème parent (infos supprimées) */
.footer-container {
  background-color: #FDE9E0;
  font-family: 'Mulish', sans-serif;
  font-size: 0.9em;
  padding: 2em 1em;
}
.footer-container a {
  color: #B8615D;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-container a:hover {
  color: #D7625D;
}

/* LIENS DE CATÉGORIES ET FILTRES */
.block-categories a, .block-filter a {
  font-family: 'Mulish', sans-serif;
  font-size: 0.95em;
  color: #333333;
  text-decoration: none;
  display: block;
  padding: 0.3em 0;
  transition: color 0.3s ease;
  text-transform: none;
}
.block-categories a:hover, .block-filter a:hover {
  color: #D7625D;
}

/* PRIX + PROMOTIONS EN ROSE #D7625D - suppression de la barre rose sous prix barré */
.product-discount, .ribbon-sale, .discount-percentage, .sale-badge, .product-discount .regular-price, .discount {
  background-color: #D7625D !important;
  color: white !important;
  border-color: #D7625D !important;
}
.product-price, .price {
  color: #FF8981 !important;
  border: none !important;
}

/* Suppression barre rose promotion sous prix barré */
.product-price .discount-percentage,
.product-discount .discount-percentage {
  display: none !important;
}

/* RETOUR EN HAUT */
.back-to-top, .back-to-top:visited {
  background-color: #EBB82C;
  color: white !important;
}

/* TOUS LES CADRES JAUNES : texte blanc */
.btn, .button, input[type="submit"], a.button, #search_widget button, .block_search button, .back-to-top, .header-cart .cart-products-count {
  color: white !important;
}

/* COULEUR rose vif #FF8981 */

/* Couleur pour les prix, blocs et infos générales */
.price,
.product-price,
.product-discount .regular-price,
#product-details .product-prices,
.block-category,
.product-line-info,
.order-summary,
.order-confirmation,
.cart-summary,
.mail,
.notification,
.checkout-step,
div.cart-item,
.tabs .nav-link.active,
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  color: #FF8981 !important;
  border-color: #FF8981 !important;
}

/* rose vif FF8981 POUR LES LIENS */
#block_myaccount_infos .myaccount-title a:hover,
#header a:hover,
#wrapper .breadcrumb li a:hover,
.block-contact .block-contact-title:hover,
.block-contact .navbar-toggler .material-icons:hover,
.linklist .blockcms-title a:hover {
    color: #FF8981 !important;
}

/* CADRE rose vif SUR FOCUS DES CHAMPS EMAIL & MDP */
.form-control:focus {
    border: 1px solid #FF8981 !important;
    box-shadow: 0 0 0 2px rgba(107, 181, 208, 0.25);
}

/* MOT DE PASSE OUBLIE + PAS DE COMPTE... CRÉEZ EN UN */
a:hover,
#header .top-menu a[data-depth="0"]:hover {
    color: #FF8981 !important;
    text-decoration: none;
}

/* INSCRIPTION NEWSLETTER */
a.newsletter:hover {
    color: #FF8981 !important;
    text-decoration: underline;
}

/* LISTE D'ENVIES */
.text-primary {
    color: #FF8981 !important;
}

/* SURVOL ICÔNES MON COMPTE */
.page-my-account #content .links a i:hover {
    color: #FF8981 !important;
}

/* RETOUR ACCUEIL + ICÔNES DANS LE PIED DE PAGE */
.page-footer .account-link span:hover {
    color: #FF8981 !important;
}

/* COULEUR JAUNE CLAIR POUR BLOCS ALERT, CONFIRMATION, ETC. */
.alert,
.alert.alert-info,
.alert.alert-success,
.alert.alert-warning,
.alert.alert-danger {
    background-color: #FDE9E0 !important;
    border-color: #D7625D !important;
}

/* LIENS DANS LES BLOCS D’ALERTES ET CONFIRMATIONS */
.alert a,
.alert-info a,
.alert-success a,
.alert-warning a,
.alert-danger a {
    text-decoration: underline;
}

/* COULEURS GLOBALES POUR SUPPRIMER LE TURQUOISE PAR DÉFAUT (si présent ailleurs) */
:root {
  --primary-color: #FF8981;
  --primary: #FF8981;
  --btn-primary: #FF8981;
}

/* BOUTONS PRIMAIRES PAR DÉFAUT */
.btn-primary,
.button.primary,
input[type="submit"].primary,
input[type="button"].primary {
  background-color: #FF8981 !important;
  border-color: #FF8981 !important;
  color: white !important;
}

.btn-primary:hover,
.button.primary:hover,
input[type="submit"].primary:hover,
input[type="button"].primary:hover {
  background-color: #FEC3AC !important;
  border-color: #FEC3AC!important;
}

/* NETTOYAGE COULEUR PRÉCÉDENTE */
body a,
body a:hover {
  color: #FF8981;
}
/* === Boutons en jaune comme le reste === */
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
  padding: .5rem 1rem;
  font-size: .875rem;
  color: #fff !important;
  text-transform: uppercase;
  background: #EBB82C !important; /* ton jaune */
  border-radius: 0;
}

/* === Désactiver Satisfy dans le plan du site === */
.sitemap h2 {
  font-family: inherit !important;
  color: #000000 !important; /* cohérent avec le reste des titres */
  text-transform: none !important; /* conserve ta casse */
}

/* Soulignement tomette pour les onglets actifs ou survolés */
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border: 0;
  border-bottom: 3px solid #D7625D !important;
}

/* Couleur du texte pour l’onglet actif */
.tabs .nav-tabs .nav-link.active {
  color: #D7625D !important;
}

/* Cadre permanent gris clair autour des miniatures produit */
.product-images > li.thumb-container .thumb {
  border: 2px solid #e8e8e8 !important; /* gris clair */
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color 0.3s ease !important;
}

/* Bordure pour la miniature sélectionnée ou survolée */
.product-images > li.thumb-container .thumb.selected,
.product-images > li.thumb-container .thumb:hover {
  border: 2px solid #d4d4d4 !important;
}

/* PUBLICITÉ PRESTASHOP EN BAS */
.footer-container .bottom-footer,
.footer-container .bottom-footer a {
  color: #B8615D !important;
}

/* EN-TÊTE BLANC */
#header {
  background: #ffffff !important;
}
.page-content, .block-category, .category-description, .category-cover {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* SURVOL MENU PRINCIPAL */
#_desktop_top_menu .top-menu > li > a:hover,
#_desktop_top_menu .top-menu > li:hover > a,
#_desktop_top_menu .top-menu > li.focus > a {
  color: #FF8981 !important;
}

/* PIED DE PAGE : revenir à version parent (infos supprimées) */

/* CATÉGORIES : cadre blanc sur photos, suppression bordure grise et ombres sur miniatures catégorie, couverture et menu */
.category-cover img,
.category-miniature img,
.menu-miniature img,
.products .product-miniature img {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Suppression des bordures grises autour des miniatures (Images de couverture de catégorie, Miniatures de catégorie, Miniatures du menu) */
.category-cover,
.category-miniature,
.menu-miniature,
.products .product-miniature {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Suppression bordure grise au survol */
.category-cover:hover,
.category-miniature:hover,
.menu-miniature:hover,
.products .product-miniature:hover {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remettre cadre blanc avec titre et description comme à l'origine (pas de modification) */

/* PHOTOS PRODUITS PAGE ACCUEIL ET CATÉGORIES - retour à version d’origine sans cadre blanc ni gris au survol */
.products .product-miniature {
  border: none !important;
  box-shadow: none !important;
}
.products .product-miniature:hover {
  border: none !important;
  box-shadow: none !important;
}

/* TEXTE SOUS PHOTOS PRODUITS (nom + prix) : fond gris très clair et padding */
.products .product-miniature .product-description {
  padding: 0.3em 0.5em;
  border-radius: 3px;
}

/* SUPPRESSION CADRE GRIS BORDURE DES IMAGES MINIATURES DU MENU */
.menu-miniature img {
  border: none !important;
  box-shadow: none !important;
}

.category-image img,
.product-miniature img,
.block-category img,
.block-category .category-image,
.block-category .category-image img,
.sidebar img,
.category img,
.menu img {
    border: none !important;
    box-shadow: none !important;
}

/* 1. SUPPRIMER LES BORDURES GRISES DES IMAGES DES CATÉGORIES ET MINIATURES */
.category-image img,
.thumbnail-container .thumbnail img,
.block-category .category-cover img {
    border: none !important;
    box-shadow: none !important;
}

/* 2. SUPPRIMER LE BANDEAU ROSE DERRIÈRE LE PRIX BARRÉ SUR LA FICHE PRODUIT */
.product-prices .product-discount {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    width: auto !important;
}

.category-sub-menu .category-name,
.subcategories .subcategory-name,
.block-category h3 {
    text-transform: none !important;
}

.product-discount .regular-price {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    color: #FEC3AC !important; /* garde la couleur du texte rose si tu veux */
}

/* Rétablir le fond blanc sur les pages CMS et catégories */
.page-content,
.category-cover,
.block-category,
.category-description {
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Fond blanc spécifique pour les pages CMS avec un peu de padding */
.cms-page .page-content {
  background-color: #ffffff !important;
  padding: 2rem !important;
  border-radius: 5px;
}

/* Fond blanc pour les titres et descriptions de catégorie */
.block-category h1,
.block-category .category-name,
.category-description {
  background-color: #ffffff !important;
  padding: 1rem;
  border-radius: 5px;
}

/* Supprimer les cadres, bordures, ombres sur les vignettes de sous-catégories */
.subcategory-image,
.subcategory-image img,
.category-sub-menu li img,
.category-sub-menu .media img {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.form-control:focus {
  border: none !important; /* Supprime la bordure */
  box-shadow: none !important; /* Supprime l’ombre */
  outline: 3px solid #FF8981 !important; /* Outline bleu doux épais */
  color: #000000 !important;
  background-color: #fff !important;
  transition: outline-color 0.15s ease-in-out !important;
}

.block_newsletter form input[type="email"]:focus {
  padding: 8px 8px 9px !important;
  border: none !important; /* Supprime la bordure turquoise */
  outline: 3px solid #FF8981 !important; /* Outline bleu doux */
  box-shadow: none !important; /* Supprime toute ombre */
  background-color: #fff !important;
  color: #000000 !important;
  transition: outline-color 0.15s ease-in-out !important;
}

/* Bloc "Mon compte" - titre en brique #D7625D */
#block_myaccount_infos .myaccount-title a {
  color: #D7625D !important;
}

/* Pour liens header, breadcrumb, bloc contact, footer CMS : couleur héritée */
#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: inherit !important;
}

/* Cibler uniquement titres du header et bloc mon compte pour hériter couleur, pas tout le body */
#block_myaccount_infos .myaccount-title,
#block_myaccount_infos .myaccount-title a,
#header h1, 
#header h2, 
#header h3, 
#header h4 {
  color: inherit !important;
}

/* Titre "Informations" dans le footer en noir */
.footer-container .block-cms .block-title,
.footer-container .block-cms h3 {
  color: #000000 !important;
}

/* Forcer couleur noire uniquement sur le titre "Informations" dans le footer */
.footer-container .block-contact .block-contact-title {
  color: #000000 !important;
}

/* Panier - texte blanc toujours + fond jaune foncé au survol */
#_desktop_cart .blockcart,
#_mobile_cart .blockcart {
  color: white !important;
  background-color: #EBB82C !important;
  transition: background-color 0.3s ease;
}

#_desktop_cart .blockcart:hover,
#_mobile_cart .blockcart:hover {
  background-color: #EFCB6B !important;
  color: white !important;
  text-decoration: none;
}

/* Boutons liens - texte blanc */
a.button,
.btn,
.button,
input[type="submit"],
input[type="button"] {
  color: white !important;
}

.product-comments-additional-info button.btn-comment {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Texte Panier + nombre d'articles en blanc, y compris au survol et focus */
#_desktop_cart .blockcart,
#_desktop_cart .blockcart:hover,
#_desktop_cart .blockcart:focus,
#_desktop_cart .blockcart * {
  color: white !important;
  text-decoration: none !important;
}

/* Boutons et liens vers pages CMS : texte blanc forcé au survol/focus */
.btn, .button, a.button,
.btn:hover, .button:hover, a.button:hover,
.btn:focus, .button:focus, a.button:focus {
  color: white !important;
  text-decoration: none !important;
}

/* Liens CMS dans le contenu, notamment dans les blocs CMS */
.cms-page a,
.cms-page a:hover,
.cms-page a:focus {
  color: white !important;
  text-decoration: none !important;
}
/* 2. Icônes .done en jaune */
.done {
  color: #EBB82C !important;
}

/* 3. Toutes les icônes .step-number en jaune clair */
body#checkout section.checkout-step .step-number {
  background-color: #EBB82C !important;
  color: white !important;
}

/* Optionnel : étape active en jaune foncé */
body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: #EBB82C !important;
  color: white !important;
}

#product-availability .product-last-items, #product-availability .product-unavailable {
    color: #FEC3AC;
}

.contact-form h3, .contact-rich h4 {
  font-family: 'Mulish', sans-serif !important;
  text-transform: none !important;
  color: #000000 !important;
}

/* ==========================
   1) Texte de la personnalisation (après validation)
   ========================== */

/* cible les labels/messages de personnalisation affichés dans la card */
.card.card-block .customization-message,
.card.card-block .customization-label,
.product-customization-item .customization-message,
.product-customization-item .customization-label,
.card.card-block .product-customization-item,
.card.card-block .product-message {
  font-family: 'Mulish', sans-serif !important; /* police lisible */
  color: #000000 !important; /* texte noir doux */
  text-transform: none !important; /* annule uppercase */
  font-size: inherit !important;
  line-height: inherit !important;
}

/* renforcement au cas où l'élément est en label > span ou autre */
.card.card-block .customization-message * ,
.card.card-block .customization-label * {
  font-family: 'Mulish', sans-serif !important;
  color: #000000 !important;
  text-transform: none !important;
}

/* ==========================
   2) Icône du modal "Produit ajouté au panier" => jaune #EBB82C
   (beaucoup de sélecteurs pour couvrir toutes les variantes)
   ========================== */

#blockcart-modal .modal-header i.material-icons,
#blockcart-modal .modal-title i.material-icons,
.modal#blockcart-modal .modal-header i.material-icons,
.modal#blockcart-modal .modal-title i.material-icons,
.modal .modal-header i.material-icons,
.modal .modal-title i.material-icons,
.modal-header i.material-icons.rtl-no-flip,
#myModalLabel i.material-icons,
.modal.show .modal-header i.material-icons,
.modal.in .modal-header i.material-icons {
  color: #EBB82C !important;
  -webkit-text-fill-color: #EBB82C !important; /* safeguard */
  fill: #EBB82C !important; /* si svg */
  opacity: 1 !important;
  filter: none !important;
}

/* si l'icône est dans un span.close ou autre wrapper */
#blockcart-modal .close i.material-icons,
.modal .close i.material-icons,
#myModalLabel .material-icons {
  color: #EBB82C !important;
  -webkit-text-fill-color: #EBB82C !important;
  fill: #cca026 !important;
}

.wishlist-button-add {
    background: none !important; /* retire le cercle */
    box-shadow: none !important; /* retire l’ombre */
    border: none !important; /* retire toute bordure */
    padding: 0 !important;
}

.wishlist-button-add i {
    color: #FDE9E0 !important; /* cœur plein rose */
    font-size: 18px !important; /* petit cœur discret */
}

.wishlist-button-add::before,
.wishlist-button-add::after {
    content: none !important; /* supprime tout élément parasite */
}

.page-content.page-cms p {
  background-color: transparent !important;
}

/* Radio coché */
.custom-radio input[type="radio"]:checked + span {
    background-color: #D7625D;
}

/* Icône rupture de stock - petit pictogramme */
.product-flags li.product-flag.out-of-stock svg path {
    fill: #FEC3AC; /* rose clair de ton site */
}

/* ========================== */
/* TABLEAUX */
/* ========================== */
table, th, td {
    border: 1px solid #FDE9E0 !important;
    background-color: #FFFFFF !important;
    padding: 0.5em;
    text-align: left;
}
th {
    background-color: #FDE9E0 !important; /* légèrement plus clair pour header */
}

/* Conteneur et paragraphe */
.block-category {
    position: relative;
    padding: 0;
    border: none !important;
    box-shadow: none !important;
}

/* Image pleine largeur, remplissage complet du cadre */
.block-category img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    object-fit: cover !important; /* remplit le cadre sans déformer */
    object-position: top center !important; /* alignée en haut */
}

/* Titre en blanc, police Satisfy, placé en haut à gauche */
.block-category .h1 {
    position: absolute;
    top: 10%; /* distance par rapport au haut */
    left: 20px; /* distance fixe par rapport au bord gauche */
    margin: 0;
    padding: 0;
    color: white !important;
    font-family: 'Satisfy', cursive !important;
    text-transform: none !important;
    font-size: 2.5rem;
    text-align: left; /* le texte part de la gauche */
    background: none !important;
    transform: none; /* supprime le centrage horizontal */
}

/* Le reste du texte reste noir */
.banner .caption p,
.banner .caption h2,
.banner .caption h3 {
    color: #000000;
}

/* ==============================
   Mobile uniquement : masquage du titre blanc Satisfy
   ============================== */
@media (max-width: 991px) {

    /* Masquer le titre Satisfy sur toutes les catégories */
    .block-category .h1,
    .block-category .h1 *,
    .category-cover .page-heading,
    .page-heading.photo-title,
    .search .page-heading,
    .search-results .page-heading {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* Bandeau promotion frais de port */
body::before {
  content: "✨ Profitez de la livraison gratuite dès 2 paires de lacets en France & DOM-TOM — Offre réservée aux clients particuliers ✨";
  display: block;
  width: 100%;
  background-color: #FF8981; /* choisis ta couleur */
  color: #ffffff;
  text-align: center;
  font-family: 'Mulish', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 10000;
}

/* ===========================
   changement couleurs (avec !important)
   =========================== */

/* 1) Liste d'envies - survol (titre) */
.wishlist-list-item.wishlist-list-item-default:hover .wishlist-list-item-title,
.wishlist-list-item .wishlist-list-item-link:hover .wishlist-list-item-title {
    color: #d7625d !important; /* brique */
}

/* 2) "Mon compte" — faire en sorte que texte ET icône au survol soient en bleu doux */
.page-my-account #content .links a:hover,
.page-my-account #content .links a:hover .link-item,
.page-my-account #content .links a:hover i,
.page-my-account #content .links a:hover .material-icons,
.page-my-account #content .links a:focus,
.page-my-account #content .links a:focus .material-icons {
    color: #ff8981 !important; /* bleu doux */
}

/* Garder aussi tes autres sélecteurs globaux (carrousels, top menu, recherche...) */
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i,
.dropdown:hover .expand-more,
.search-widget form button[type="submit"] .search:hover,
.top-menu .sub-menu a:hover {
    color: #fde9e0 !important;
}

/* 3) Bandeau "Nouveau" en jaune (override complet au cas où il y ait un gradient) */
.product-flags li.product-flag.new,
.product-flags li.product-flag.new a {
    background: #fec3ac !important;
    background-color: #fec3ac !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* 5) Bandeau "Rupture de stock" en jaune (même traitement que ci-dessus) */
.product-flags li.product-flag.out_of_stock,
.product-flags li.product-flag.out_of_stock a {
    background: #fde9e0 !important;
    background-color: #fde9e0 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* 4) Titre produit dans le modal panier (blockcart) */
#blockcart-modal .product-name,
.modal#blockcart-modal .product-name,
#blockcart-modal .modal-body .product-name {
    color: #d7625d !important; /* bleu canard */
    font-size: 1.125rem !important;
}

/* ===============================
   1) Suppression du contour bleu sur tous les boutons et champs focus
   =============================== */
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
    outline: none !important;
    box-shadow: none !important;
}

/* SUPPRESSION DES CADRES BLEUS SUR TOUS LES BOUTONS */
.btn,
.button,
a.button,
input[type="submit"],
input[type="button"] {
    outline: none !important;
    box-shadow: none !important;
}

.product-flags li.product-flag.pack {
  background: #ebb82c !important;

}
.faq-container {
  max-width: 800px;
  margin: 2rem auto;
  font-family: 'Mulish', sans-serif;
}

.faq-item {
  background: #FDE9E0; /* fond doux pour les blocs */
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.faq-question {
  font-family: 'Satisfy', cursive; /* police différente pour questions */
  font-size: 1.2rem;
  font-weight: 600;
  color: #FF8981; /* couleur des questions */
  margin-bottom: 0.5rem;
  position: relative;
}

.faq-answer {
  font-family: 'Mulish', sans-serif;
  color: #000;
  font-size: 1rem;
  line-height: 1.6;
}
/* Conteneur des vignettes */
.product-thumbnails .thumb,
.product-thumbs .thumb,
.thumb-container,
.thumb {
  width: 100px !important;
  height: 100px !important;
  overflow: hidden !important;
  display: inline-block;
  vertical-align: middle;
}

/* Images des vignettes */
.product-thumbnails img,
.product-thumbs img,
.thumb img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 767px) {
  #left-column {
    order: 2; /* blog après les produits */
  }
  #content-wrapper {
    order: 1; /* produits avant */
  }
  .row {
    display: flex;
    flex-direction: column;
  }
}

.product-features > dl.data-sheet dt.name {text-transform: none;}
.product-features > dl.data-sheet dd.value {text-transform: none;}