/* =========================================================================
   Aaru — Charte des boutons d'action principale
   -------------------------------------------------------------------------
   ENDROIT QUI FAIT FOI pour la couleur du bouton primaire du site.
   Le site rendait ses CTA en noir (#0A0A0A / #1A1A1A / #1F1F1F selon les
   composants). La charte Aaru est le bleu #00509e, survol #003e7a.

   Principes :
   - ADDITIF : aucune règle existante n'est supprimée ni renommée. Ce fichier
     se contente de repasser après elles. Le supprimer de la file d'attente
     (functions.php, priorite 1000) rend au site son apparence d'avant.
   - COULEURS SEULEMENT : background / color / border-color. Aucune taille,
     forme, rayon, padding ou espacement n'est touché ici.
   - !important est nécessaire : la plupart des composants déclarent leur
     bouton dans un <style> inline en corps de page, donc APRÈS les
     feuilles de <head>. Sans lui, ce fichier perdrait chaque égalité.

   HORS PÉRIMÈTRE, VOLONTAIREMENT (voir § en fin de fichier) :
   boutons destructifs, boutons secondaires/ghost, badges, états de
   navigation et de pagination.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. TOKENS
   On réutilise ceux du design system (--accent-btn / --accent-btn-hover,
   déjà à la valeur de charte) au lieu de recoder la couleur en dur.
   Les valeurs de repli sont celles de la charte, au cas où le design
   system ne serait pas chargé.
   ------------------------------------------------------------------------- */
:root {
  --aaru-cta:       var(--accent-btn, #00509e);
  --aaru-cta-hover: var(--accent-btn-hover, #003e7a);
  --aaru-cta-text:  #ffffff;
  /* Contour des bulles du tableau de bord (§9a). Aucun token global ne porte
     cette valeur : --ink2 vaut #4A4A4A partout sauf dans le :root de
     aaru-prelaunch.php (#5b6470), qui ne charge pas sur le Core. On la
     centralise donc ici, une seule fois. */
  --aaru-carte-contour: #E5E5E5;
  /* Trait de separation des listes (§12) : plus clair que le contour des
     bulles, c'est un filet, pas un cadre. */
  --aaru-trait: #E5E5E5;

  /* ----------------------------------------------------------------------
     VERRE DÉPOLI — SOURCE UNIQUE (§ verre)
     Un seul matériau translucide, réutilisé par tous les éléments « verre »
     du site (boutons de vignette, panneau « Explore la carte », etc.) via la
     classe .aaru-glass ou en pointant sur ces variables. On voit l'arrière-
     plan flouté à travers ; le texte/les icônes restent gérés par chaque
     contexte (foncés sur fond clair, etc.).
     ---------------------------------------------------------------------- */
  --glass-bg:        rgba(255,255,255,.34); /* fond translucide modéré        */
  --glass-bg-solid:  rgba(255,255,255,.80); /* repli si pas de backdrop-filter */
  --glass-blur:      14px;                  /* rayon du flou                   */
  --glass-saturate:  130%;                  /* ravive les couleurs derrière    */
  --glass-border:    1px solid rgba(255,255,255,.55); /* fin liseré blanc      */
  --glass-highlight: inset 0 1px 0 rgba(255,255,255,.60); /* reflet interne    */
  --glass-shadow:    0 4px 12px rgba(11,11,12,.06);       /* ombre très légère (charte : sur photo seulement) */
  --glass-radius:    14px;                  /* rayon par défaut (panneaux)     */
}

/* Repli automatique : sans backdrop-filter, on rend --glass-bg plus opaque
   pour que tout élément qui s'en sert reste lisible, sans règle par élément. */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  :root { --glass-bg: var(--glass-bg-solid); }
}

/* Classe verre réutilisable : matériau unique. La forme (rayon rond des
   boutons, par ex.) et la couleur du texte restent à la charge de l'élément. */
.aaru-glass {
  background: var(--glass-bg);
  border: var(--glass-border);
  border-radius: var(--glass-radius);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  box-shadow: var(--glass-highlight), var(--glass-shadow);
}

/* -------------------------------------------------------------------------
   2. FAMILLES DE BOUTONS D'ACTION PRINCIPALE
   Toutes rendues en noir avant ce fichier.
   ------------------------------------------------------------------------- */
.aaru-btn-dark,                    /* design system — CTA sombre générique   */
.aaru-sb-btn,                      /* barre de recherche — bouton Rechercher */
.ec-btn-dark,                      /* espace créateur — bouton primaire      */
.ac-btn.primary,                   /* tableau de bord — bouton primaire      */
.ac-btn-sm-primary,
.ac-btn-sm-dark,
.acb-cta,                          /* bandeau CTA (functions.php)            */
.ac-signup-btn,                    /* inscription                            */
.cc-btn-send,                      /* page contact — Envoyer                 */
.btn-submit,                       /* connexion + réinitialisation mot de passe */
.aaru-space-pending-btn,
.aaru-rev-submit,                  /* avis produit — Publier                 */
.aaru-rev-login-btn,
.vp-cta a,                         /* profil vendeur — CTA                   */
.mobile-btn,
.ec-cart-cta,                      /* espace créateur — Voir le panier       */
.ec-review-form button,
.ac-fp-apply,                      /* filtres — Appliquer                    */
.ac-filter-clear-empty,
.ac-card-cart,                     /* carte produit — ajout au panier (rond) */
.ah-cart-viewbtn {                 /* en-tête — Voir le panier               */
  background: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}

.aaru-btn-dark:hover,
.aaru-sb-btn:hover,
.ec-btn-dark:hover,
.ac-btn.primary:hover,
.ac-btn-sm-primary:hover,
.ac-btn-sm-dark:hover,
.acb-cta:hover,
.ac-signup-btn:hover,
.cc-btn-send:hover,
.btn-submit:hover,
.aaru-space-pending-btn:hover,
.aaru-rev-submit:hover,
.aaru-rev-login-btn:hover,
.vp-cta a:hover,
.mobile-btn:hover,
.ec-cart-cta:hover,
.ec-review-form button:hover,
.ac-fp-apply:hover,
.ac-filter-clear-empty:hover,
.ac-card-cart:hover,
.ah-cart-viewbtn:hover {
  background: var(--aaru-cta-hover) !important;
  color: var(--aaru-cta-text) !important;
}

/* Icônes portées par ces boutons : leur couleur est parfois déclarée à part. */
.aaru-btn-dark i, .aaru-btn-dark svg,
.ec-btn-dark i, .ec-btn-dark svg,
.ac-card-cart i,
.ac-btn.primary i,
.ac-btn-sm-primary i,
.aaru-sb-btn i, .aaru-sb-btn svg { color: var(--aaru-cta-text) !important; }

/* Sélecteurs devant égaler une règle existante plus spécifique ou !important.
   Même spécificité + chargement plus tardif = ce fichier l'emporte. */
.woocommerce .aaru-rev-submit,
.aaru-reviews .form-submit input[type="submit"] {
  background: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}
.aaru-reviews .form-submit input[type="submit"]:hover {
  background: var(--aaru-cta-hover) !important;
}


/* Carte / annuaire — bouton « Suivre » en variante sombre.
   L'original pose background + color en !important sur :visited et :active. */
.cm-row-acts .cm-row-follow.aaru-btn-dark,
.cm-row-acts .cm-row-follow.aaru-btn-dark:visited {
  background: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}
.cm-row-acts .cm-row-follow.aaru-btn-dark:hover,
.cm-row-acts .cm-row-follow.aaru-btn-dark:active {
  background: var(--aaru-cta-hover) !important;
  color: var(--aaru-cta-text) !important;
}

/* Carte produit — le bouton panier ne se colore qu'au survol dans l'original. */
.bcv-card-cart-btn:hover { background: var(--aaru-cta) !important; }
.bcv-card-cart-btn:hover i { color: var(--aaru-cta-text) !important; }

/* -------------------------------------------------------------------------
   3. BOUTONS D'ACTION WOOCOMMERCE / DOKAN
   .woocommerce a.button / button.button sont déjà sur --accent-btn dans
   aaru-design-system.css. On complète ici les deux qui y échappent :
   le bouton de commande du tunnel en blocs (Store API) et les boutons
   Dokan d'action principale.
   ------------------------------------------------------------------------- */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.dokan-btn-theme,
.dokan-btn-success {
  background: var(--aaru-cta) !important;
  border-color: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover,
.dokan-btn-theme:hover,
.dokan-btn-success:hover {
  background: var(--aaru-cta-hover) !important;
  border-color: var(--aaru-cta-hover) !important;
  color: var(--aaru-cta-text) !important;
}

/* -------------------------------------------------------------------------
   4. BOUTONS À STYLE INLINE
   Quelques CTA portent leur noir dans un attribut style= (envoi de demande
   de contact, validation de recadrage, etc.). Seul !important peut passer
   devant un style inline. On ne cible que des boutons.
   ------------------------------------------------------------------------- */
button[style*="background:#0A0A0A"],
button[style*="background: #0A0A0A"],
button[style*="background:#0a0a0a"],
button[style*="background:#1A1A1A"],
button[style*="background: #1A1A1A"],
button[style*="background:#1a1a1a"] {
  background: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}

/* -------------------------------------------------------------------------
   5. REPRISE DE LA SURCHARGE PREMIUM DE /aaru-core/
   assets/css/aaru-core-premium-override.css (§3, priorité 999) repeint en
   noir tout fond bleu inline du tableau de bord — l'inverse de la charte
   d'aujourd'hui. Ce fichier n'y touche pas : il repasse simplement après,
   et seulement sur des boutons.
   ------------------------------------------------------------------------- */
.ac-main button[style*="background:#00509e"],
.ac-main button[style*="background: #00509e"],
.ac-main button[style*="background-color:#00509e"],
.ac-main a[style*="background:#00509e"],
.ac-main a[style*="background: #00509e"],
.ac-main a[style*="background-color:#00509e"],
.ac-main input[type="submit"][style*="background:#00509e"] {
  background: var(--aaru-cta) !important;
  background-color: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}

/* -------------------------------------------------------------------------
   6. HIÉRARCHIE — CE QUI RESTE EN DEHORS, ET POURQUOI
   Aucune de ces familles n'est touchée par ce fichier.

   DESTRUCTIF (reste rouge / alerte) :
     .aaru-danger-del        contour #B4231C, remplissage rouge au survol
     .ml-btn-danger          fond #D64545, survol #B4231C
     .pe-btn.danger          contour #f3c2c2, texte #c92a2a
     .ac-fav-remove          retrait d'un favori

   SECONDAIRE / GHOST (reste blanc ou contour neutre, jamais de bleu plein) :
     .aaru-btn-secondary     fond blanc, texte noir, contour gris
     .aaru-del-cancel        .aaru-th-modal-cancel     .aaru-danger-logout
     .lx-btn-ghost           .aaru-btn-secondary de .cm-row-follow

   NI BOUTONS NI ACTIONS (badges, états) :
     .aaru-badge-dark  .ac-notif-badge-blue  .ec-subnav-count
     .ac-nav-item.active  .ac-more-tile.active  .ac-ttl-opt.on
     .apc-page-btn.active
   ------------------------------------------------------------------------- */

/* =========================================================================
   7. ÉTAT REPOS — ALIGNEMENT SUR L'ÉTAT SURVOL          (ajout, lot 2)
   -------------------------------------------------------------------------
   CONSTAT. Plusieurs boutons primaires restaient NOIRS AU REPOS et ne
   passaient au bleu QU'AU SURVOL. Deux causes, aucune n'étant la surcharge
   premium de /aaru-core/ (vérifié : .ec-btn-dark, .ac-signup-btn et
   .aaru-sb-btn y sont bien bleus au repos) :

   (a) ORDRE DU DOCUMENT. Les gabarits déclarent leurs boutons dans un
       <style> en CORPS DE PAGE, donc APRÈS ce fichier, qui est chargé
       dans le <head>. À importance et spécificité ÉGALES, c'est le
       dernier qui gagne : le gabarit. Les règles du §2 ne l'emportaient
       donc que là où le gabarit n'avait pas mis !important. Là où il en
       met un — page-carte.php, single-product-reviews.php,
       functions.php — le repos restait noir.

   (b) LE SURVOL ÉTAIT DÉJÀ BLEU DANS LE THÈME. Le bleu au survol ne
       venait pas de ce fichier mais du gabarit lui-même, écrit sur le
       motif « noir au repos → bleu au survol » (.aaru-hdr-login-btn,
       .aaru-reviews .form-submit input[type=submit], .aaru-sb-btn).
       D'où l'impression d'un bouton qui « ne devient bleu qu'au survol ».

   CORRECTION. Pour battre un !important posé dans un <style> de corps de
   page, l'égalité de spécificité ne suffit pas : il faut être STRICTEMENT
   au-dessus. Le préfixe `html` ajoute un sélecteur de type (+0,0,1) sans
   rien changer d'autre. Il n'est employé QUE là où c'est nécessaire.

   Aucune règle existante n'est modifiée ni supprimée.
   ========================================================================= */

/* -------------------------------------------------------------------------
   7a. Familles noires au repos, jamais couvertes jusqu'ici.
   Le gabarit n'y pose pas de !important : un sélecteur simple suffit.
   ------------------------------------------------------------------------- */
.aaru-hdr-login-btn,               /* en-tête — Connexion (noir → bleu au survol) */
.ah-mp-cta {                       /* en-tête mobile — CTA                        */
  background: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}
.aaru-hdr-login-btn:hover,
.ah-mp-cta:hover {
  background: var(--aaru-cta-hover) !important;
  color: var(--aaru-cta-text) !important;
}
.aaru-hdr-login-btn i,
.ah-mp-cta i { color: var(--aaru-cta-text) !important; }

/* -------------------------------------------------------------------------
   7b. Familles où le gabarit impose son noir en !important depuis un
   <style> de corps de page. Préfixe `html` = spécificité strictement
   supérieure, donc l'emporte au repos comme au survol.
   ------------------------------------------------------------------------- */

/* Avis produit — « Publier mon avis »
   avant : .aaru-reviews .form-submit input[type=submit] (0,3,1) !important → #0A0A0A */
html .aaru-rev-submit,
html .aaru-reviews .form-submit input[type="submit"] {
  background: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}
html .aaru-rev-submit:hover,
html .aaru-reviews .form-submit input[type="submit"]:hover {
  background: var(--aaru-cta-hover) !important;
  color: var(--aaru-cta-text) !important;
}

/* Carte / annuaire — bouton « Suivre »
   avant : .cm-row-acts .cm-row-follow.aaru-btn-dark:link (0,4,0) !important → #1A1A1A
   Le :link manquait au lot 1 : c'est lui qui gagnait l'état repos. */
html .cm-row-acts .cm-row-follow.aaru-btn-dark,
html .cm-row-acts .cm-row-follow.aaru-btn-dark:link,
html .cm-row-acts .cm-row-follow.aaru-btn-dark:visited {
  background: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}
html .cm-row-acts .cm-row-follow.aaru-btn-dark:hover,
html .cm-row-acts .cm-row-follow.aaru-btn-dark:focus,
html .cm-row-acts .cm-row-follow.aaru-btn-dark:focus-visible,
html .cm-row-acts .cm-row-follow.aaru-btn-dark:active {
  background: var(--aaru-cta-hover) !important;
  color: var(--aaru-cta-text) !important;
}

/* -------------------------------------------------------------------------
   7c. TOUJOURS HORS PÉRIMÈTRE, malgré leur fond sombre.
   Ce ne sont pas des boutons d'action principale :
     .apc-page-btn.active            état actif de la pagination
     .ec-subnav-btn.active .ec-subnav-count   pastille de comptage
   Destructifs et secondaires : inchangés, cf. §6.
   ------------------------------------------------------------------------- */

/* =========================================================================
   8. ÉTAT SÉLECTIONNÉ / ACTIF — PILULES ET RECTANGLES   (ajout, lot 3)
   -------------------------------------------------------------------------
   Le §6 avait mis ces états de côté comme « états de navigation ». Décision
   du propriétaire : la pilule noire de l'élément sélectionné (référence :
   « Profil et réglages » dans la barre latérale du tableau de bord) suit
   désormais la charte — fond #00509e, texte ET icône blancs.

   Périmètre : uniquement les pilules/rectangles NOIRS de sélection.
   Restent tels quels : les survols clairs/gris (.ac-nav-item:not(.active):hover
   à #F7F7F7, .inbox-trash-access:hover à #F4F4F4, .ac-more-tile:hover à
   #F7F7F7 …), les badges, les destructifs et les secondaires. Voir §8c.

   Mécanique identique aux boutons : ces états sont déclarés dans des <style>
   de corps de page, donc APRÈS ce fichier ; !important est nécessaire. Aucun
   ne pose lui-même de !important, un sélecteur de spécificité égale suffit
   donc — pas besoin du préfixe `html` du §7b.
   ========================================================================= */

/* -------------------------------------------------------------------------
   8a. Fond + texte de l'état sélectionné
   ------------------------------------------------------------------------- */
.ac-nav-item.active,                       /* barre latérale — LA référence      */
.ac-acc-items .ac-nav-item.active,         /* idem, accordéon mobile             */
.ac-more-tile.active,                      /* barre mobile — tuile « Plus »      */
.ac-ttl-opt.on,                            /* bascule de durée (corbeille…)      */
.ac-ttl-opt.on:hover,
.ec-tab.active,                            /* onglets du tableau de bord         */
.ec-tab.active:hover,
.ec-tab.active:focus,
.inbox-trash-access.on,                    /* messagerie — accès corbeille actif */
.apc-page-btn.active,                      /* pagination — page courante         */
.aaru-lbl-chip.is-active,                  /* pastille d'étiquette sélectionnée  */
.aaru-th-lbl.is-on,                        /* étiquette de fil active            */
.bl-villes a.on,                           /* boutiques — filtre ville actif     */
.hc-seg.active {                           /* contact — segment actif            */
  background: var(--aaru-cta) !important;
  color: var(--aaru-cta-text) !important;
}

/* .vp-cat-filter.active EST SORTI DE CE PÉRIMÈTRE (profil vendeur, filtre
   catégorie). Ce n'est plus une pastille : la ligne de catégories de la vitrine
   est devenue une simple ligne de mots, dont l'état sélectionné est le mot en
   gras et en bleu, sans fond ni bordure. Les règles ci-dessus lui imposaient
   un fond bleu et un texte blanc en !important, que sa propre feuille ne
   pouvait pas défaire. Son habillage vit desormais entierement dans
   template-parts/aaru-vendor-profile.php. La classe n'existe nulle part
   ailleurs : ce retrait ne touche aucun autre ecran. */

/* -------------------------------------------------------------------------
   8b. Icône de l'état sélectionné — blanche sur le bleu.
   Plusieurs de ces composants colorent leur <i> par une règle séparée
   (.ac-nav-item i { color: #0A0A0A }) qui, sans cette reprise, laisserait
   une icône sombre sur fond bleu.
   ------------------------------------------------------------------------- */
.ac-nav-item.active i,
.ac-nav-item.active svg,
.ac-acc-items .ac-nav-item.active i,
.ac-more-tile.active i,
.ac-more-tile.active svg,
.ac-ttl-opt.on i,
.ec-tab.active i,
.inbox-trash-access.on i,
.apc-page-btn.active i,
.aaru-lbl-chip.is-active i,
.aaru-th-lbl.is-on i,
.bl-villes a.on i,
.hc-seg.active i {
  color: var(--aaru-cta-text) !important;
}

/* Bordure : ces états posaient un contour noir assorti à leur fond.
   Il suit le bleu, sinon un liseré noir cerclerait la pilule bleue. */
.ac-ttl-opt.on,
.ac-ttl-opt.on:hover,
.inbox-trash-access.on,
.apc-page-btn.active,
.aaru-lbl-chip.is-active,
.aaru-th-lbl.is-on,
.bl-villes a.on {
  border-color: var(--aaru-cta) !important;
}

/* -------------------------------------------------------------------------
   8c. HORS PÉRIMÈTRE — sombres, mais ce ne sont pas des pilules de sélection.
     .ec-subnav-btn.active .ec-subnav-count   pastille de comptage (badge)
     .ec-chart-slot.on .ec-chart-bar          barre de graphique (donnée)
   Et tous les survols clairs, qui restent gris :
     .ac-nav-item:not(.active):hover  #F7F7F7
     .ac-more-tile:hover              #F7F7F7
     .inbox-trash-access:hover        #F4F4F4
     .hc-seg:hover:not(.active)       var(--c-bg)
   ------------------------------------------------------------------------- */

/* =========================================================================
   9. CARTES « BULLES » DU TABLEAU DE BORD             (ajout, lot 4)
   -------------------------------------------------------------------------
   Les capsules blanches de l'espace créateur — celle qui porte la courbe
   « CHIFFRE D'AFFAIRES », les cartes de chiffres, les blocs de liste et le
   panneau « À traiter ». Elles sont déclarées EN UNE SEULE RÈGLE dans
   template-parts/aaru-dashboard.php (l.306-328), sous quatre peaux :

     .aaru-ec--boutique | --prestations | --tout
       × .ec-stat | .ec-chart | .ec-block | .ec-alerts

   État actuel : fond blanc, rayon 18px, ombre douce, et « border: none »
   — la capsule n'a aujourd'hui AUCUNE bordure, seule l'ombre dessine un
   liseré. On lui donne un contour gris franc, uniforme sur la famille.

   Le titre de ces cartes est .ec-block-title (12px / 600 / uppercase /
   letter-spacing 0.5px / #666). C'est lui qui rend « CHIFFRE D'AFFAIRES ».
   Il passe au bleu, en 700, capitales conservées.

   !important : ces règles vivent dans un <style> de corps de page, donc
   APRÈS ce fichier. Aucune ne pose elle-même de !important, la seule
   importance suffit — pas besoin du préfixe `html` du §7b.
   ========================================================================= */

/* -------------------------------------------------------------------------
   9a. Contour des bulles → gris foncé var(--aaru-carte-contour) = #5B6470
   L'épaisseur reste 1px. Seule la COULEUR change : le gris clair #E5E5E5
   du premier jet devient un gris foncé, pour que la bulle se détache.
   Fond, rayon, ombre et padding ne sont pas touchés.
   ------------------------------------------------------------------------- */
.aaru-ec--boutique .ec-stat,
.aaru-ec--boutique .ec-chart,
.aaru-ec--boutique .ec-block,
.aaru-ec--boutique .ec-alerts,
.aaru-ec--prestations .ec-stat,
.aaru-ec--prestations .ec-chart,
.aaru-ec--prestations .ec-block,
.aaru-ec--prestations .ec-alerts,
.aaru-ec--tout .ec-stat,
.aaru-ec--tout .ec-chart,
.aaru-ec--tout .ec-block,
.aaru-ec--tout .ec-alerts {
  border: 1px solid var(--aaru-carte-contour) !important;
}

/* -------------------------------------------------------------------------
   9b. Titre des bulles → bleu, gras, capitales
   text-transform était DÉJÀ uppercase : on le réaffirme sans le modifier.
   letter-spacing (0.5px) n'est PAS touché, comme demandé.
   Bat aussi .aaru-ec--boutique .ec-block-title { color: #8A8A8A }.
   ------------------------------------------------------------------------- */
.ec-block-title {
  color: var(--aaru-cta) !important;
  /* Police de TITRE, pas de corps : --aaru-font-head ('Funnel Display'), le
     meme token que .aaru-h1 / h2 / h3. Le thème posait ici la police de corps
     ('Nunito'). Funnel Display est un caractere d'affichage : le titre gagne
     en presence meme sans graisse reelle (cf. §10). */
  font-family: var(--aaru-font-head) !important;
  /* 800 = la graisse « forte » de la charte : --aaru-h1-weight, --aaru-h2-weight
     et --aaru-btn-weight valent 800, comme .ec-stat-val et .ec-chart-big.
     700 est la graisse des h3 et des captions, plus discrete.
     ⚠ Voir le §10 : aujourd'hui cette valeur ne change RIEN a l'ecran, faute
     de fichier de police gras. La declaration est juste, le fichier manque. */
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* -------------------------------------------------------------------------
   9c. HORS PÉRIMÈTRE — listés, volontairement NON modifiés.

   .ec-stat-head        libellé d'une carte de chiffres (« Chiffre d'affaires »
                        avec son icône) : petit et gris, mais PAS en capitales
                        (aucun text-transform) et porteur d'une icône. Il ne
                        rend pas « CHIFFRE D'AFFAIRES ». À trancher.
   .ec-block-scope      le « <span> » de « Tes meilleures ventes » qui refuse
                        explicitement les capitales (text-transform: none,
                        letter-spacing: 0, color: #999). Il déclare ses propres
                        valeurs, donc le §9b ne l'atteint pas : vérifié.
   .ec-chart-lbl        libellé de période de la courbe, gris #8A8A8A, pas un
                        titre de carte.

   Et, hors famille : les titres de page (H1 « Profil »), les gros titres de
   section noirs en Funnel Display 16px/800 (« Infos personnelles »,
   « Offres récentes », « Commandes en cours ») — qui sont des <div> à style
   inline, sans classe .ec-block-title — ainsi que les boutons et états des
   §1-8.
   ------------------------------------------------------------------------- */

/* =========================================================================
   10. NOTE — POURQUOI LE GRAS NE SE VOIT PAS ENCORE      (constat, lot 5)
   -------------------------------------------------------------------------
   Le §9b posait deja `font-weight: 700 !important` et GAGNAIT la cascade.
   Si ces titres ne ressortent pas, ce n'est ni un probleme de valeur ni un
   probleme de specificite : c'est que LE FICHIER DE POLICE GRAS N'EXISTE PAS.

   assets/aaru-fonts.css declare bien cinq faces par famille (400, 500, 600,
   700, 800) — mais les cinq pointent sur le MEME fichier :

     Nunito         faces 400/500/600/700/800  ->  fonts/nunito-400-*.woff2
     Funnel Display faces 400/500/600/700/800  ->  fonts/funnel-display-400-*.woff2
     Syne           face  700                  ->  fonts/syne-700-*.woff2   (seule vraie graisse)

   assets/fonts/ ne contient que du 400 : 5 fichiers nunito-400, 5 nunito-400
   italiques, 2 funnel-display-400, 3 syne-700. Aucun 500/600/700/800.

   Consequence : le navigateur trouve une face declaree pour 800, charge le
   fichier REGULIER qu'elle designe, et n'applique aucun gras synthetique —
   la synthese ne se declenche que si AUCUNE face ne correspond. Sur ce site,
   700 et 800 rendent donc exactement comme 400, pour Nunito comme pour
   Funnel Display. Cela vaut pour TOUT le theme, pas seulement ces titres.

   Ce fichier ne peut pas corriger cela : c'est un manque d'actifs, pas de CSS.
   La correction est de deposer les woff2 gras dans assets/fonts/ et de faire
   pointer les faces 700/800 dessus dans assets/aaru-fonts.css.
   La declaration ci-dessus est deja juste : le jour ou les fichiers arrivent,
   les titres passent en gras sans toucher a une ligne de plus.
   ========================================================================= */

/* =========================================================================
   11. CONTOUR DES BULLES — LE CAS « .ac-wrap.is-blanc »   (correctif, lot 6)
   -------------------------------------------------------------------------
   SYMPTOME. Le §9a posait bien #5B6470 sur les 16 selecteurs
   .aaru-ec--{peau} .ec-{stat|chart|block|alerts}, mais a l'ecran le contour
   de la carte « CHIFFRE D'AFFAIRES » restait clair.

   CAUSE. Une regle plus specifique, que le §9a ne pouvait pas battre —
   template-parts/aaru-dashboard.php, l.77-83 :

     .ac-wrap.is-blanc .ec-stat,
     .ac-wrap.is-blanc .ec-chart,
     .ac-wrap.is-blanc .ec-block,
     .ac-wrap.is-blanc .ec-alerts { border: 1px solid #ECECEC !important; ... }

   Chaine DOM reelle, relevee sur la page servie :
     .ac-wrap.is-blanc > … > .ac-main > .ac-panel > .ec-body > .aaru-ec--tout > .ec-chart

   Les deux selecteurs matchent donc le MEME element, mais :
     eux  .ac-wrap.is-blanc .ec-chart   = (0,3,0) !important
     nous .aaru-ec--tout   .ec-chart    = (0,2,0) !important
   (0,3,0) l'emporte : la bordure claire #ECECEC gagnait.

   CORRECTIF. On reprend LEUR selecteur, prefixe de `html` — meme procede
   qu'au §7b. (0,3,1) bat (0,3,0), quel que soit l'ordre de chargement.
   L'egalite ne suffirait pas : leur regle vit dans un <style> de corps de
   page, donc APRES ce fichier, et gagnerait le departage a l'ordre.

   PERIMETRE : la meme famille de quatre classes, rien d'autre. On ne touche
   NI a leur `box-shadow: none`, NI a l'epaisseur (1px) : seule la couleur
   change. Le §9a reste en place — il couvre le cas ou .is-blanc est absent
   (la classe est conditionnelle, cf. aaru-dashboard.php l.1058 et l.3039).
   ========================================================================= */
html .ac-wrap.is-blanc .ec-stat,
html .ac-wrap.is-blanc .ec-chart,
html .ac-wrap.is-blanc .ec-block,
html .ac-wrap.is-blanc .ec-alerts {
  border: 1px solid var(--aaru-carte-contour) !important;
}

/* =========================================================================
   12. LISTES DE LA VUE D'ENSEMBLE PRESTATIONS — FILET      (ajout, lot 7)
   -------------------------------------------------------------------------
   Sections « Offres récentes » et « Commandes en cours ».

   ETAT CONSTATE (DOM servi, /aaru-core/?tab=espace-createur&sub=prestations).
   Chaque ligne n'est PAS separee par un trait : elle porte une BOITE
   complete, posee en style INLINE par aaru-shortcodes.php (l.5238 et 5253) :

     display:flex; align-items:center; gap:12px; background:#fff;
     border:1px solid #E5E5E5; border-radius:12px; padding:12px 14px;

   La couleur y est donc deja #E5E5E5 et l'epaisseur deja 1px : il n'y avait
   aucun « trait » a recolorer. On passe la liste du cadre au FILET, qui est
   l'etat vise : plus de boite, un filet sous chaque ligne, rien sous la
   derniere.

   !important est indispensable : la boite vient d'un attribut style=, que
   seule une declaration importante peut surcharger. Aucune boite n'est
   ajoutee — au contraire, celle qui existait est neutralisee.

   PERIMETRE. Les deux data-testid ne sont emis qu'UNE fois chacun, par
   aaru_render_prestataire_overview(), dont l'unique appelant est la branche
   prestations de aaru_ec_view() (aaru-espace-createur.php l.908). Le prefixe
   .aaru-ec--prestations verrouille en plus la peau : aucun autre onglet ne
   peut etre atteint, meme si ces sections etaient reutilisees ailleurs.

   NON TOUCHES : le `gap:10px` du conteneur, le `padding:12px 14px` et le
   `background:#fff` des lignes — ni taille ni espacement ne bougent.
   ========================================================================= */
.aaru-ec--prestations [data-testid="presta-recent-offers"] > div,
.aaru-ec--prestations [data-testid="presta-processing"] > div {
  /* On retire le cadre et l'arrondi… */
  border: 0 !important;
  border-radius: 0 !important;
  /* …et on ne garde qu'un filet sous la ligne. */
  border-bottom: 1px solid var(--aaru-trait) !important;
}

/* Pas de filet sous la derniere ligne : une liste ne se termine pas par un
   trait dans le vide. Couvre aussi l'etat vide (« Aucune offre publiée. »),
   qui est enfant unique, donc :last-child. */
.aaru-ec--prestations [data-testid="presta-recent-offers"] > div:last-child,
.aaru-ec--prestations [data-testid="presta-processing"] > div:last-child {
  border-bottom: 0 !important;
}

/* =========================================================================
   CONTRASTE AU SURVOL — correction centrale (audit du 2026-09-03)
   -------------------------------------------------------------------------
   LE PROBLEME, EN UNE PHRASE. Astra habille TOUS les <button> :

     button:hover, button:focus { color:#ffffff; background-color:var(--ast-global-color-1); }
     (inc/class-astra-dynamic-css.php:2824, specificite 0,1,1)

   Un bouton habille par Aaru declare sa couleur au repos (.x { color:… },
   specificite 0,1,0) mais oubliait de la redeclarer au survol. Astra gagnait
   donc la couleur, et souvent aussi le fond. Deux formes de degat :

     · fond clair conserve + texte force en blanc  -> blanc sur clair (1,0:1)
     · fond repeint en bleu #045cb4 + enfants qui gardent leur couleur sombre
       -> texte sombre sur bleu (1,2 a 2,7:1)

   CE QUE FAIT CE BLOC. Pour chaque composant touche, il redeclare la couleur
   ET le fond VOULUS, aux trois etats qu'Astra intercepte : :hover, :focus et
   :focus-visible. Astra vise `button:focus` — pas seulement `:focus-visible` —
   donc un simple clic suffisait a declencher le probleme : les trois sont
   necessaires.

   !important, comme le reste du fichier : la plupart de ces composants
   declarent leur bouton dans un <style> en corps de page, donc APRES cette
   feuille. C'est la regle posee en tete de fichier.
   ========================================================================= */

/* ── CARTES ──────────────────────────────────────────────────────────────
   Une carte ne se repeint pas au survol : elle prend de l'ombre et une
   bordure, c'est tout. Le fond reste blanc, donc les enfants (titre,
   sous-titre, « En savoir plus ») redeviennent lisibles sans y toucher. */
.hc-aide-card:hover,
.hc-aide-card:focus,
.hc-aide-card:focus-visible {
  background: var(--c-white, #FFFFFF) !important;
  color: var(--c-text, #1A1A1A) !important;
}

/* ── QUESTION DE FAQ ─────────────────────────────────────────────────────
   Ligne de liste, pas bouton plein : fond transparent, texte qui passe au
   bleu de marque, comme le prevoyait page-contact.php. */
.hc-faq-q:hover,
.hc-faq-q:focus,
.hc-faq-q:focus-visible {
  background: transparent !important;
  color: #00509e !important;
}

/* ── BOUTON SECONDAIRE DU BANDEAU COOKIES ────────────────────────────────
   « Tout refuser » : fond gris tres clair au survol, texte qui reste noir.
   Sans cette ligne, le texte passait en blanc sur #F2F2F2 (1,00:1). */
.acb-btn-secondary:hover,
.acb-btn-secondary:focus,
.acb-btn-secondary:focus-visible {
  background: #F2F2F2 !important;
  color: #1A1A1A !important;
  border-color: #1A1A1A !important;
}

/* ── BOUTON GRIS DE L'ESPACE MEMBRE ──────────────────────────────────────
   .ac-btn garde son gris. La variante .primary est exclue : elle est noire
   avec du texte blanc et gere deja son propre survol. */
.ac-btn:not(.primary):hover,
.ac-btn:not(.primary):focus,
.ac-btn:not(.primary):focus-visible {
  background: #E5E5E5 !important;
  color: #0A0A0A !important;
}

/* ── ACTIONS SECONDAIRES DE LA FICHE PRODUIT ─────────────────────────────
   « Partager » et « Favori » : fond blanc, bordure et texte bleus. L'etat
   .faved garde son or, seul le fond est retabli. */
.asp-sec:not(.faved):hover,
.asp-sec:not(.faved):focus,
.asp-sec:not(.faved):focus-visible {
  background: #FFFFFF !important;
  color: #00509e !important;
  border-color: #00509e !important;
}
.asp-sec.faved:hover,
.asp-sec.faved:focus,
.asp-sec.faved:focus-visible {
  background: #FFFFFF !important;
  color: #8A6E14 !important;
}

/* ── « Une question ? Contacter le créateur » ────────────────────────────
   Variante claire du bouton de contact (fiche produit) : fond bleu très
   pale au survol, texte bleu. La variante par defaut, elle, est deja bleue
   a texte blanc et n'a pas besoin d'aide. */
.aaru-contact-btn.asp-contact:hover,
.aaru-contact-btn.asp-contact:focus,
.aaru-contact-btn.asp-contact:focus-visible {
  background: #F2F6FB !important;
  color: #00509e !important;
}

/* ── LIEN DE SIGNALEMENT ─────────────────────────────────────────────────
   Discret par nature, mais lisible : gris fonce sur fond transparent. */
.aaru-sig-lien:hover,
.aaru-sig-lien:focus,
.aaru-sig-lien:focus-visible {
  background: transparent !important;
  color: #5E6270 !important;
}
