/* ===========================================================================
   « L'INVENTAIRE » — direction validée le 21/08/2026. Lot A : socle.
   Les COULEURS et la POLICE DES TITRES ne sont pas forcées ici : elles passent par
   les réglages du thème (AGTHEME_ACCENT, AGTHEME_TK_*, AGTHEME_FONT_HEAD), donc
   restent modifiables depuis le back-office. Ce fichier ne porte que ce qu'aucun
   réglage ne couvre : les polices locales, la chasse fixe des données, la géométrie.
   Polices 100 % auto-hébergées — aucun appel à un CDN tiers (même règle que ag-fonts.css).
   =========================================================================== */

/* ---- Archivo (titres) — fichier variable 400..800 ---- */
@font-face {
  font-family: 'Archivo'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('../fonts/archivo-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('../fonts/archivo-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---- IBM Plex Mono (données : références, prix, quantités) ---- */
@font-face {
  font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/plex-mono-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/plex-mono-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/plex-mono-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/plex-mono-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root { --ag-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace; }

/* Archivo porte plus large que Space Grotesk : on resserre, sinon les gros titres
   gagnent une ligne sur mobile. */
h1, h2, h3, h4, .h1, .h2, .h3, .h4,
.ag-section-title, .ag-hero__title, .page-title, .products-section-title {
  letter-spacing: -.022em;
}
h1, .h1, .ag-hero__title { font-weight: 800; }

/* La navigation N'EST PAS un titre : elle reste en Inter, plus compacte.
   Mesuré : en Archivo, les 6 têtes de rayon totalisent 1232 px et le menu passait sur
   DEUX lignes dès 1440 px. En Inter à .8rem : 1147 px, une seule ligne.
   !important nécessaire : aidestock-b.css porte déjà « .ag-nav__link{font-size:.82rem
   !important} » (posé le matin même pour agrandir la navigation) — sans !important ici,
   cette règle-là gagne malgré l'ordre de chargement. */
.ag-nav__link {
  font-family: var(--ag-body) !important;
  font-size: .8rem !important;
  letter-spacing: .04em !important;
}
@media (max-width: 1279px) {
  .ag-nav__link { font-size: .74rem !important; letter-spacing: .02em !important; }
}

/* ---- LE geste de la direction : les DONNÉES en chasse fixe tabulaire.
   Prix, quantités et références s'alignent en colonne et se comparent d'un coup d'œil. ---- */
.price,
.product-price,
.current-price .price,
.product-price-and-shipping .price,
.regular-price,
.product-discount .regular-price,
.cart-summary-line .value,
.product-line-info.price,
.product-line-grid .price,
.total-value,
.ag-price {
  font-family: var(--ag-mono) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.015em;
  font-weight: 600;
}

/* Étiquettes et fil d'Ariane : la chasse fixe donne le ton « bordereau ». */
.product-flag,
.breadcrumb,
.ag-section-title--sm {
  font-family: var(--ag-mono);
  letter-spacing: .06em;
}
.product-flag { font-weight: 600; text-transform: uppercase; }

/* Géométrie : le déstockage professionnel n'a pas de coins mous. 3 px, pas 0 :
   à zéro les grandes surfaces deviennent sèches. */
.product-miniature,
.card,
.ag-cat-card,
.block-category,
#subcategories,
.ag-finder__app,
.btn,
.form-control,
input[type="text"], input[type="email"], input[type="search"] {
  border-radius: 3px;
}

/* Bouton principal : encre noire au repos, signal au survol.
   Le réglage AGTHEME_TK_BTN pose bien --ag-btn à #0C1017, mais le thème peint le bouton
   avec --ag-gold : on force donc ici (mesuré : fond rgb(215,38,61) malgré --ag-btn=#0C1017).
   Un accent qui sert partout ne signale plus rien — le rouge est gardé pour l'économie. */
.btn-primary,
.add-to-cart,
.product-add-to-cart .btn-primary {
  background: var(--ag-btn) !important;
  border-color: var(--ag-btn) !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .03em;
}
.btn-primary:hover,
.add-to-cart:hover,
.product-add-to-cart .btn-primary:hover {
  background: var(--ag-gold) !important;
  border-color: var(--ag-gold) !important;
}

/* Cartes « Explorez nos univers » : Archivo porte plus large que Space Grotesk et
   « Reconditionné & Bonnes affaires » remontait SUR la photo (mesuré : libellé à 186 px
   du haut contre 202 px pour ses voisines, dans une carte de 320 px). On resserre. */
.ag-cat-card__label {
  font-size: 1.22rem;
  line-height: 1.2;
}

/* ===========================================================================
   LOT B — la carte produit porte enfin la RÉFÉRENCE constructeur et la MARQUE.
   48 des 51 produits ont une référence (F.01U.516.596, TK-510M…) : c'est ce que
   cherche un acheteur professionnel, et elle n'apparaissait nulle part.
   !important nécessaire : aidestock-a.css pose « body,p,a,li,span,… { font-family:
   var(--ag-body) } » en !important, ce qui écrase une simple règle de classe.
   =========================================================================== */
.product-miniature .thumbnail-container { position: relative; }
.ag-refbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 11px;
  border-bottom: 1px solid var(--ag-line);
  background: #F5F7F9;
}
.ag-refbar__ref {
  font-family: var(--ag-mono) !important;
  font-size: .74rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--ag-black);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-marque {
  font-family: var(--ag-mono) !important;
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ag-gray);
  margin: 0 0 5px;
  text-align: center;
}

/* Les pastilles d'état (« Neuf ») sont posées en absolu à top:0 et RECOUVRAIENT la barre
   de référence — mesuré : barre de 34 px, pastille à 1 px du haut de la carte.
   On les descend sous la barre. */
.product-miniature .product-flags {
  top: 42px !important;
}

/* La marque s'affichait en BLEU : la couleur de lien du thème l'emporte sur une simple
   règle de classe (même mécanisme que les polices). On force l'encre grise. */
.ag-marque {
  color: var(--ag-gray) !important;
}

/* ===========================================================================
   EN-TÊTE DE RAYON — le visuel du bandeau ne montrait rien : sujet à 4 % de l'image
   pour « Informatique & Bureau » (mesuré), et REDONDANT avec la vignette de
   sous-catégorie affichée juste en dessous. On le masque au profit d'une donnée
   utile (le nombre de références). Rien n'est supprimé : retirer ces 3 lignes
   suffit à le réafficher.
   =========================================================================== */
.block-category .category-cover { display: none; }
.block-category { padding: 1.6rem 1.8rem !important; }
.ag-rayon-compte {
  font-family: var(--ag-mono) !important;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ag-gray) !important;
  margin: .5rem 0 0;
  font-variant-numeric: tabular-nums;
}
/* Titre de la colonne des rayons : c'est un intitulé de bloc, plus un lien. */
.ag-rayons-titre { display: block; color: var(--ag-black) !important; }

/* Le compte natif « Il y a N produits. » fait doublon avec « N RÉFÉRENCES » désormais
   affiché sous le titre du rayon, mieux placé et en chasse fixe. On masque le doublon,
   pas l'information. */
.total-products { display: none; }