/* =========================================================
   THÈME — AUTO-HUILE & PIÈCES
   Ambiance atelier également, mais nuancée : acier bleu-gris,
   accent cuivre (au lieu du rouille du pôle Maintenance & Formation),
   pour distinguer visuellement les deux pôles Auto entre eux.
   Charger APRÈS style.css pour surcharger les variables.
   ========================================================= */
:root{
  --navy:        #22323D;   /* acier bleu-gris, légèrement plus froid que Maintenance & Formation */
  --navy-light:  #324957;
  --navy-soft:   #EEF1F2;
  --rust:        #B5722E;   /* cuivre — distinct du rouille (#C25A28) du pôle Maintenance */
  --rust-dark:   #8C5722;
  --brass:       #D9B54A;
  --sand:        #F1EEE6;
  --sand-dark:   #E3DCCB;
  --ink:         #221F1C;
  --ink-soft:    #585249;
  --white:       #FFFFFF;

  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body:    "Source Serif 4", Georgia, serif;
  --font-mono:    "JetBrains Mono", "Courier New", monospace;

  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
}

/* Accent visuel : motif de "jauge" en pointillés (évoque le niveau d'huile) */
.pole-auto-pieces-theme .page-hero::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:4px;
  background: repeating-linear-gradient(90deg, var(--brass) 0 10px, transparent 10px 22px);
  opacity:.7;
}
.pole-auto-pieces-theme .page-hero{ position:relative; overflow:hidden; }

/* Médaille de classement pour les fiches Top 10 fournisseurs */
.supplier-rank{
  display:inline-flex; align-items:center; justify-content:center;
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--navy); color: var(--brass);
  font-family: var(--font-display); font-weight: 700; font-size: 1rem;
  flex: 0 0 auto;
}