/* ==========================================================================
   WooCaftan Optimizer — Front Styles
   ==========================================================================
   Centralise les CSS additionnels front-end qui ne font pas partie d'un
   module dédié (badges couleur/type de tenue sur la fiche produit).

   Depuis la Phase 4 (voir PHASES_PLAN.md), la charte graphique complète
   (couleurs, typographies, rayons) vit dans design-tokens.css, chargé
   juste avant ce fichier (voir class-wco-front-styles.php) — tous les
   styles ci-dessous, et ceux des modules menu-unified/search/filters/
   quick-buy, utilisent ses variables CSS plutôt que des couleurs "en
   dur", pour garder une identité visuelle unique et facile à ajuster.

   Note historique : menu-mobile et menu-pc avaient autrefois leur CSS
   inline propre (snippets validés d'origine) ; ces deux modules sont
   désormais neutralisés et remplacés par modules/menu-unified/ (Phase 1).
   ========================================================================== */

/* Badges "détecté automatiquement" (couleur + type de tenue) — Phase 4 :
   remplace le simple texte italique gris par une petite étiquette
   discrète, cohérente avec la charte graphique (voir design-tokens.css). */

.wco-color-auto-badge,
.wco-type-tenue-auto-badge {
    display: inline-flex;
    align-items: center;
    font-family: var( --wco-font-body, inherit );
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.2px;
    color: var( --wco-color-ink-soft, #6B5B4E );
    background: var( --wco-color-surface-soft, #FBF7EE );
    border: 1px solid var( --wco-color-border, #E4DACB );
    border-radius: var( --wco-radius-pill, 999px );
    padding: 2px 9px;
    margin-left: 6px;
    white-space: nowrap;
}