/* DG Médailles - pastilles de concours sur les photos produit.
   Les médailles sont des étiquettes produit (ul.product-flags) : on remplace le
   bandeau texte du thème par l'image, le texte reste lisible par les lecteurs
   d'écran. */
.product-flags li.product-flag.dg-medaille {
  display: block;
  width: 64px;
  height: 64px;
  padding: 0;
  margin-top: .3rem;
  background: transparent center / contain no-repeat;
  color: transparent;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35));
}
.product-flags li.product-flag.dg-medaille:first-child {
  margin-top: 0;
}

/* Fiche produit (gabarit warehouse_child) : photo principale et carrousel
   « Découvrez nos autres produits », où les médailles sont posées à la main. */
.product-page .product-image,
.related-products .product-image {
  position: relative;
}
.dg-medailles-flags {
  pointer-events: none;
}

/* Photo principale de la fiche : plus grande */
.product-cover .product-flags li.product-flag.dg-medaille,
.product-top .product-image .product-flags li.product-flag.dg-medaille {
  width: 96px;
  height: 96px;
}

@media (max-width: 767.98px) {
  .product-flags li.product-flag.dg-medaille {
    width: 48px;
    height: 48px;
  }
  .product-cover .product-flags li.product-flag.dg-medaille,
  .product-top .product-image .product-flags li.product-flag.dg-medaille {
    width: 72px;
    height: 72px;
  }
}

.dg-medaille-lyon-or-2025 { background-image: url(../img/lyon-or-2025.webp) !important; }
.dg-medaille-lyon-argent-2025 { background-image: url(../img/lyon-argent-2025.webp) !important; }
.dg-medaille-fbc-or-2025 { background-image: url(../img/fbc-or-2025.webp) !important; }
.dg-medaille-fbc-argent-2025 { background-image: url(../img/fbc-argent-2025.webp) !important; }
.dg-medaille-fbc-bronze-2025 { background-image: url(../img/fbc-bronze-2025.webp) !important; }
.dg-medaille-bbc-bronze-2025 { background-image: url(../img/bbc-bronze-2025.webp) !important; }
