/* ATD UI lot 4 : pastilles, filtres et onglets (29/09/2026).
   Règle : la charte d'abord (libellés #EDE9FE / #7C3AED 12 px 600, vert de succès #047857),
   sinon la variante la plus utilisée sur le site. La casse du texte n'est pas modifiée. */

/* 1. Libellés (surtitres, étiquettes statiques) */
p.is-style-tag-secondary,
.jm__kicker,
span.tag,
.pack-encart__tag,
.atd-boutique__niveau-badge,
.atd-boutique__etiquette {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  border-radius: 9999px !important;
  padding: 4px 12px !important;
}
p.is-style-tag-secondary,
.jm__kicker,
span.tag,
.pack-encart__tag,
.atd-boutique__niveau-badge {
  background-color: #EDE9FE !important;
  color: #7C3AED !important;
}

/* 2. Badges d'état (vert) */
.card-testimonial__badge,
.atd-reco-badge,
.card-cours__included,
.method-tabs__badge--green,
.pack-encart__chip,
.pack-encart__remise {
  background-color: #ECFDF5 !important;
  color: #047857 !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  border-radius: 9999px !important;
  padding: 4px 10px !important;
}

/* 3. Filtres (liens de navigation en pastille) */
.atd-boutique__chip,
.atd-themes__chip,
.atd-fiches__chip,
.megamenu__niveau {
  background-color: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  color: #1A1A1A !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  border-radius: 9999px !important;
  min-height: 36px;
  box-sizing: border-box;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.atd-boutique__chip,
.atd-themes__chip,
.atd-fiches__chip {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 6px 14px !important;
}
.atd-boutique__chip:hover, .atd-boutique__chip:focus-visible,
.atd-themes__chip:hover, .atd-themes__chip:focus-visible,
.atd-fiches__chip:hover, .atd-fiches__chip:focus-visible,
.megamenu__niveau:hover, .megamenu__niveau:focus-visible {
  background-color: #B0001D !important;
  border-color: #B0001D !important;
  color: #FFFFFF !important;
}
.atd-themes__n {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #4A4A4A !important;
}

/* 4. Étiquettes des cartes produit SureCart (10 px en capitales, 18 px de haut) */
a.sc-tag--default {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  border-radius: 9999px !important;
  padding: 3px 10px !important;
  min-height: 24px;
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
}

/* 4 bis. « Vous aimerez aussi » : une règle du site les forçait à 10 px */
[class*="product-list-related"] a.sc-tag--default {
  font-size: 0.75rem !important;
  line-height: 1.5 !important;
  padding: 2px 8px !important;
}

/* 5. Mobile : 44 px de zone tactile pour les filtres et les onglets */
@media (max-width: 781px) {
  .atd-boutique__chip,
  .atd-themes__chip,
  .atd-fiches__chip,
  .megamenu__niveau,
  .method-tabs__tab {
    min-height: 44px !important;
  }
}