/* Correctif Effet i Média 29-08-2026 : le thème ajoute col-lg-undefined
   hors pages catégorie (custom.js, boutons de vue absents).
   Quatre produits par ligne sur écran large ; le calc() absorbe la
   marge droite de 30px appliquée aux vignettes sur très grands écrans. */
@media (min-width: 992px) {
  .featured-products .product-miniature.col-lg-undefined {
    flex: 0 0 calc(25% - 30px);
    max-width: calc(25% - 30px);
  }
}

/* Menu fixe tablette/mobile — 29-08-2026 : le thème (stickymenumobile.css)
   ne définit aucun fond pour .fixed-menu-mobile, la barre flottait
   transparente sur le contenu. Fond repris de l'en-tête du site. */
.mobile-header.fixed-menu-mobile {
  background: #5C9FAC;
}

/* Garde-fou carrousel des listes produits — 29-08-2026 : si le slider
   d'images ne se réinitialise pas après un changement de page (ajax),
   toutes les photos du produit s'empilent et la vignette devient
   immense. Tant que le carrousel n'est pas prêt : une seule image. */
.products .slider_product-wrapper:not(.slick-initialized) .slider-product-item:not(:first-child) {
  display: none;
}

/* Ceinture pagination — 29-08-2026 : quelle que soit la cause (scripts
   interrompus, carrousel mal recalculé), la zone image d'une vignette
   de liste ne peut pas dépasser sa hauteur normale. */
/* 03/09/2026 — cap appliqué à l'image seule, plus à .thumbnail-container :
   ce dernier rognait le bouton « Ajouter au panier » du survol sur les
   produits à déclinaison (bloc attributs en position absolute). */
#js-product-list .product-miniature .slider_product-wrapper,
#js-product-list .product-miniature .slick-list,
#js-product-list .product-miniature .thumbnail-container .thumbnail {
  max-height: 460px;
  overflow: hidden;
}

/* 03/09/2026 — Panier : détacher « Livraison » de « calculée à l'étape suivante » (chevauchement) */
.cart-summary-line#cart-subtotal-shipping {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
#cart-subtotal-shipping .label { flex-shrink: 0; }
#cart-subtotal-shipping .value {
  text-align: right;
  font-weight: 400;
  font-size: 0.875em;
}

/* 03/09/2026 — Hauteur des vignettes de catégorie uniforme : un script du
   thème réserve ~50px sous le prix sur certains produits (bloc descriptif
   masqué), rendant les lignes de la grille inégales d'une page à l'autre.
   On réserve une hauteur de description identique pour toutes. */
#js-product-list .product-miniature .product-description {
  min-height: 96px;
}

/* 2026-09-22 Lot 2 - Message "franco atteint" : le compteur iqitfreedeliverycount est masque quand 59 EUR sont atteints,
   on affiche a sa place le message vert pose dans l'override du theme (themes/blossom/modules/iqitfreedeliverycount). */
.ifdc-reached { display: none; }
.iqitfreedeliverycount.hidden-xs-up + .ifdc-reached { display: block; }

/* 2026-09-22 Lot 2 - Carrousel "Un petit plus avant de valider ?" (page panier, Creative Elements contenu n7) :
   au survol, la quantite et le bouton Ajouter au panier depassaient de la diapositive et etaient coupes.
   La diapositive laisse depasser, le carrousel gagne de la place en bas, le bouton prend la largeur de la vignette. */
.elementor-element-8deb256 .swiper-slide { overflow: visible !important; }
.elementor-element-8deb256 .swiper { padding-bottom: 45px; }
.elementor-element-8deb256 .product-miniature .an_productattributes-add-to-cart-btn { width: 100% !important; max-width: 100% !important; }

/* 10/10/2026 Effet i Media - Pas de texte souligne ni surligne dans les descriptions
   (fiches produits, categories, pages). Les soulignes ressemblaient a des liens.
   Les vrais liens (balise a) gardent leur style. Aucun texte enregistre n'est modifie. */
[id^="product-description-short"] [style*="underline"]:not(a),
.product-description [style*="underline"]:not(a),
#category-description [style*="underline"]:not(a),
body.page-cms #content [style*="underline"]:not(a),
[id^="product-description-short"] u,
.product-description u,
#category-description u,
body.page-cms #content u {
  text-decoration: none !important;
}
[id^="product-description-short"] :is(span, strong, em, b, i, mark)[style*="background-color"],
.product-description :is(span, strong, em, b, i, mark)[style*="background-color"],
#category-description :is(span, strong, em, b, i, mark)[style*="background-color"],
body.page-cms #content :is(span, strong, em, b, i, mark)[style*="background-color"],
[id^="product-description-short"] mark,
.product-description mark,
#category-description mark {
  background-color: transparent !important;
}

/* 10/10/2026 Effet i Media - Page "Notre magasin" (body#stores) : photo en grand, nom et horaires
   plus lisibles, "Heures" avec majuscule, telephone et email visibles sans avoir a cliquer. */
body#stores .store-item .store-picture img { width: 100%; height: auto; max-width: 600px; }
body#stores .store-item .card-title { font-size: 32px; line-height: 1.2; margin-bottom: 12px; }
body#stores .store-item address,
body#stores .store-item .stores-hours-item,
body#stores .store-item .store-item-footer li { font-size: 17px; line-height: 1.6; }
body#stores .store-item .store-item-time { font-size: 24px; margin-top: 18px; }
body#stores .store-item .store-item-time::first-letter { text-transform: uppercase; }
body#stores .store-item footer.collapse { display: block !important; height: auto !important; visibility: visible !important; }
body#stores .store-item a[data-toggle="collapse"] { pointer-events: none; cursor: default; display: inline-block; margin-top: 18px; font-size: 17px; }
body#stores .store-item a[data-toggle="collapse"] .material-icons { display: none; }
body#stores .store-item address br { display: inline !important; } /* le theme masquait les retours a la ligne de l'adresse */

/* 10/10/2026 Effet i Media - Pied de page identique sur toutes les pages : custom.css du theme met
   tous les h2 de l'accueil a 36px (#index h2), y compris les titres du pied de page (28px ailleurs). */
#index #footer h2, #index #footer .h2 { font-size: 28px; }

/* 10/10/2026 Effet i Media - Listes "Nouveaux produits", "Meilleures ventes", "Promotions", recherche :
   le theme y donne aux vignettes la classe col-lg-undefined (aucune largeur), la page n'affichait que les
   pastilles. Meme largeur que dans les categories (trois par ligne). Prolonge le correctif du 29-08-2026. */
@media (min-width: 992px) {
  #js-product-list .product-miniature.col-lg-undefined {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* 11-10-2026 (Effet i Media, lot 4) : titres de l'accueil passes de H1 a H2, pour n'avoir qu'un seul titre principal.
   Ces regles redonnent aux nouveaux H2 exactement l'apparence qu'ils avaient en H1 (la regle "#index h2" de custom.css les agrandissait et les centrait). */
#index .an_homeslider .an_homeslider-desc h2.h2 { font-size: 50px; margin-bottom: 13px; text-align: inherit; }
@media (max-width: 1400px) { #index .an_homeslider.an_homeslider-responsive .an_homeslider-desc h2.h2 { font-size: 30px; } }
@media (max-width: 1200px) { #index .an_homeslider .an_homeslider-desc h2.h2 { font-size: 30px; } }
@media (max-width: 991px) { #index .an_homeslider-responsive .an_homeslider-desc h2.h2 { margin-bottom: 10px; } }
@media (max-width: 580px) { #index .an_homeslider-responsive .an_homeslider-desc h2.h2 { margin-bottom: 10px; } }
#index .featured-products h2.products-section-title { margin-bottom: 1.5rem; }
#index .an_homecategories + .featured-products h2.products-section-title { color: #EF7D00; } /* 11-10-2026 : passe du blanc a l'orange des autres titres */

/* 11-10-2026 (Effet i Media) : bandeau gris "Nouveaux produits" plus bas et lien "Tous les nouveaux produits" centre.
   custom.css imposait 3rem de marge et une hauteur mini de 418px au carrousel, ce qui laissait un vide sous les produits. */
#index .an_homecategories + .featured-products { padding-top: 2rem; padding-bottom: 2rem; background-color: #EDF4F6; } /* fond gris #C1C1C1 remplace le 11-10-2026, choix de Marc */
#index .an_homecategories + .featured-products .owl-carousel .owl-stage-outer { min-height: 0; }
#index .an_homecategories + .featured-products .all-product-link { float: none !important; display: block; text-align: center; margin-top: 1rem; color: #5C9FAC; }
#index .an_homecategories + .featured-products .all-product-link:hover { color: #00546C; }

/* 11-10-2026 (Effet i Media) : fond clair pleine largeur pour "Derniers articles", reprend la teinte du menu (#5C9FAC) en tres pale.
   Le box-shadow + clip-path etend le fond sur toute la largeur sans elargir les cartes. */
#index .secondary-blog-title,
#index .secondary-blog { background-color: #EEF5F6; box-shadow: 0 0 0 100vmax #EEF5F6; clip-path: inset(0 -100vmax); }
#index .secondary-blog-title { margin-bottom: 0 !important; padding-top: 2rem; padding-bottom: 2rem; }
#index .secondary-blog { padding-bottom: 2rem; margin-bottom: 50px; }

/* 11-10-2026 (Effet i Media) : bouton "Revenir en haut", cree par le JS personnalise (champ JS ci-dessous).
   Le module Scroll Top Button ne s'affiche pas : il ne s'accroche qu'au pied de page classique, remplace par celui de Creative Elements. */
.sdr-totop { position: fixed; right: 25px; bottom: 25px; z-index: 9990; width: 44px; height: 44px; border-radius: 50%; background: #EF7D00; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,.2); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .25s, transform .25s, visibility .25s, background-color .2s; }
.sdr-totop.is-visible { opacity: 1; visibility: visible; transform: none; }
.sdr-totop:hover, .sdr-totop:focus-visible { background: #00546C; color: #fff; }
.sdr-totop svg { width: 22px; height: 22px; }
@media (max-width: 767px) { .sdr-totop { right: 15px; bottom: 15px; } }
@media print { .sdr-totop { display: none; } }

/* Séparateurs menu principal — 11-10-2026 (Effet i Média) : trait vertical fin
   entre les rubriques du menu ordinateur, et un peu plus d'air autour de chacune.
   Le menu mobile (#mobile-amegamenu) n'est pas concerné. */
#amegamenu .anav-top > li.amenu-item > .amenu-link {
  padding-left: 14px;
  padding-right: 14px;
}
#amegamenu .anav-top > li.amenu-item + li.amenu-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, .55);
  pointer-events: none;
}

/* Sélecteur de langue — 11-10-2026 (Effet i Média) : sur ordinateur, FR et EN
   affichés côte à côte en majuscules à côté du téléphone, au lieu du menu
   déroulant. La langue en cours est en gras. Le mobile garde son sélecteur. */
@media (min-width: 992px) {
  #_desktop_language_selector .language-selector > button { display: none !important; }
  #_desktop_language_selector .language-selector > .dropdown-menu {
    display: flex !important; position: static !important; float: none;
    min-width: 0; margin: 0; padding: 0; border: 0; background: transparent;
    box-shadow: none; transform: none; opacity: 1; visibility: visible; align-items: center;
  }
  #_desktop_language_selector .language-selector > .dropdown-menu li { list-style: none; display: flex; align-items: center; }
  #_desktop_language_selector .language-selector > .dropdown-menu li + li::before {
    content: ""; width: 1px; height: 12px; background: rgba(255, 255, 255, .55); margin: 0 8px;
  }
  #_desktop_language_selector .language-selector > .dropdown-menu .dropdown-item {
    padding: 0; background: transparent; color: rgba(255, 255, 255, .7) !important;
    text-transform: uppercase !important; font-size: inherit; line-height: 1; white-space: nowrap;
  }
  #_desktop_language_selector .language-selector > .dropdown-menu li.current .dropdown-item { color: #fff !important; font-weight: 700; }
  #_desktop_language_selector .language-selector > .dropdown-menu .dropdown-item:hover { color: #ef7d00 !important; }
}