/* GFC 29/10/2026 (Raph) : panier de l'en-tete affiche dans la barre haute de la recherche Skrupt (voir js/autoload/99-gfc-skrupt-panier-20261102d.js)
   v c..g 02/11/2026 : cagnotte + points dans la barre, panier en onglet sombre sous la barre.
   v h 02/11/2026 : logo GFC cale a gauche.
   v i 02/11/2026 (Raph SEC « le panier cache un logo, on peut le faire remonter ») : le panier remonte DANS la barre, sur la meme
   ligne que les pastilles, comme l en-tete normal : bloc .gfc-skrupt-droite = [cagnotte][points]  [panier], cale a droite (31px),
   centre en hauteur. Plus rien ne deborde sur les resultats. */
#skruptsearch .gfc-skrupt-droite { position: absolute; right: 31px; top: 50%; transform: translateY(-50%); z-index: 6;
    display: flex; align-items: center; gap: 22px; }
#skruptsearch .gfc-skrupt-droite .gfc-skrupt-panier,
#skruptsearch .gfc-skrupt-droite .gfc-skrupt-fidelite { position: static; transform: none; background: none; box-shadow: none;
    border-radius: 0; padding: 0; margin: 0; animation: none; }
#skruptsearch .gfc-skrupt-panier-ul { list-style: none; margin: 0; padding: 0; }
#skruptsearch .gfc-skrupt-panier #shopping_cart { display: inline-block; margin: 0; padding: 0; position: static !important; }
#skruptsearch .gfc-skrupt-panier #shopping_cart > a { color: #fff; font-weight: 700; font-size: 16px; text-decoration: none; display: inline-flex; align-items: center; gap: 0; white-space: nowrap; }
#skruptsearch .gfc-skrupt-panier #shopping_cart .ajax_cart_quantity { color: #EA8914; }

#skruptsearch .gfc-skrupt-fidelite .lrp_loyalty_block { display: flex; align-items: center; margin: 0; min-width: 0; }
#skruptsearch .gfc-skrupt-fidelite .lrp-h-currency,
#skruptsearch .gfc-skrupt-fidelite .lrp-h-points { line-height: normal; height: auto; align-self: center; padding: 1px 10px; }
/* icone du panier (corbeille panier_icon.svg 26x24) au lieu du sac de l en-tete */
#skruptsearch .gfc-skrupt-panier #shopping_cart .ajax_cart_title:before { background: url(../../img/panier_icon.svg) no-repeat center / contain !important;
    width: 26px !important; height: 24px !important; padding: 0 !important; display: inline-block; vertical-align: middle; }
#skruptsearch .gfc-skrupt-panier #shopping_cart .ajax_cart_title { width: 36px; display: inline-block; }

@media (max-width: 767px) {
    /* mobile : barre trop etroite -> on garde l onglet sombre sous la barre */
    #skruptsearch .gfc-skrupt-droite { right: 8px; top: 100%; transform: none; }
    #skruptsearch .gfc-skrupt-droite .gfc-skrupt-panier { background: #353535; border-radius: 0 0 10px 10px; box-shadow: 0 0 20px #0005; padding: 10px; }
    #skruptsearch .gfc-skrupt-fidelite { display: none; }
}

/* logo GFC de la barre de recherche cale a gauche (miroir du bloc de droite), centre en hauteur ; ordinateur seulement. */
@media (min-width: 768px) {
    #skruptsearch .skrupt-search-top .skrupt-search-row { grid-template-columns: 1fr 42px; }
    #skruptsearch .skrupt-search-top .skrupt-brand { position: absolute; left: 31px; top: 50%; transform: translateY(-50%); margin: 0; z-index: 6; }
}

/* v j 02/11/2026 (Raph, capture mobile en paysage) : sur les ecrans moyens la barre de recherche s'elargit et passait sous
   le bloc de droite. 1100-1499 px : cagnotte/points masques, le panier seul tient dans la barre ;
   768-1099 px (telephone en paysage, tablette) : panier en onglet sous la barre, comme sur mobile. */
@media (min-width: 1100px) and (max-width: 1499px) {
    #skruptsearch .gfc-skrupt-fidelite { display: none; }
}
@media (min-width: 768px) and (max-width: 1099px) {
    #skruptsearch .gfc-skrupt-droite { right: 8px; top: 100%; transform: none; }
    #skruptsearch .gfc-skrupt-droite .gfc-skrupt-panier { background: #353535; border-radius: 0 0 10px 10px; box-shadow: 0 0 20px #0005; padding: 10px; }
    #skruptsearch .gfc-skrupt-fidelite { display: none; }
}