/* GFC 22/10/2026 (Jimmy, feu vert Raph) — nouveaux badges PREMIUM du groupe 48 (VIP GFC).
   - tuiles produit : pilule « PREMIUM » doree (img/vip/vip-gfc-premium-tuile-2026f.png, 360x82)
   - en-tete (a cote du nom) : badge couronne + PREMIUM de Jimmy (img/vip/vip-gfc-premium-header-2026f.png)
   Surcharge (specificite plus forte) les regles de footer.tpl et des CSS 83/84 du 09/09, qui restent en place.
   v g : badge tuile raccourci d un tiers EN LONGUEUR seulement (92x21 -> 61x21, mobile 52x12 -> 35x12), image 2026g resserree au milieu.
   v d : nouveaux badges orange/noir de Jimmy (22/10 16:01).
   v c : images detourees sans toucher au blanc interieur (couronne blanche).
   Rollback : renommer ce fichier en .retire + ban Varnish. */

/* tuiles */
html[lang] body #product_list .reduction.vipd-48.vipd-48,
html[lang] body #center_column .products_block .reduction.vipd-48.vipd-48 {
    background: url("/img/vip/vip-gfc-premium-tuile-2026g.png") no-repeat center / 100% 100% transparent !important;
    width: 61px !important;
    height: 21px !important;
    border: none !important;
    color: transparent !important;
    text-shadow: none !important;
}
@media (max-width: 767px) {
    html[lang] body #product_list .reduction.vipd-48.vipd-48,
    html[lang] body #center_column .products_block .reduction.vipd-48.vipd-48 { width: 35px !important; height: 12px !important; }
}

/* en-tete */
html[lang] body #header_user_info span.vip-48.vip-48:after {
    background-image: url("/img/vip/vip-gfc-premium-header-2026f.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    width: 118px !important;
    height: 39px !important;
}
@media screen and (max-width: 640px) {
    html[lang] body #header_user_info span.vip-48.vip-48:after { width: 84px !important; height: 28px !important; }
}
/* le scintillement du 09/09 etait cale sur l ancien dessin : on le retire */
html[lang] body #header_user_info span.vip-48.vip-48:before { display: none !important; animation: none !important; }

/* v h (22/10, Raph : badge « gribouille » 0,2 s au Ctrl+F5) : les regles qui cachent l ancienne image du badge
   et positionnent le badge etaient seulement dans un <style> en bas de page (footer) -> pendant le chargement,
   l ancienne image s affichait. On les met ici, dans le <head>. */
html body #header_user_info span.vipaccount.vip-48 { position: relative; }
html body #header_user_info span.vipaccount.vip-48 img { width: 0 !important; }
html body #header_user_info span.vip-48:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}