/* ==========================================================================
   Pro HD — Panneau de la barre de recherche : COULEURS
   Module `prohdrecherche`. Ne pas modifier a la main : les valeurs viennent du
   back-office, Modules > « Pro HD — Panneau de la barre de recherche ».

   ON NE REPEINT PAS LES COMPOSANTS UN PAR UN, ON CHANGE LA PALETTE. Doofinder
   expose ses couleurs en variables CSS et s en sert partout. Le releve du
   21/09/2026 sur les feuilles servies par `cdn.doofinder.com/livelayer/1.8.198`
   donne, pour la seule `--df-neutral-high-contrast`, 82 utilisations. La
   surcharger repeint tout le texte du panneau d un coup, et un composant que
   Doofinder ajoutera demain heritera du bon reglage sans qu on y touche.

   `!important` EST ICI NECESSAIRE, PAS UN RACCOURCI. Doofinder declare sa
   palette dans une balise `<style>` injectee a l execution, sur un SELECTEUR
   D IDENTIFIANT tire au hasard a chaque chargement :

       #df-rzzsqy8izg8eirg5usczk7d489cfm1df { --df-neutral-high-contrast:#000000 }

   Aucun selecteur de classe ne bat un identifiant a importance egale, et cet
   identifiant change a chaque page : on ne peut pas s y accrocher. Les
   declarations `!important` ci-dessous, elles, passent devant une declaration
   normale quelle que soit sa specificite.

   LES REPLIS DES `var()` SONT LES VALEURS DU SITE, pas des valeurs neutres :
   si la balise de reglages venait a manquer, le panneau garderait l aspect
   voulu au lieu de retomber sur une couleur arbitraire.
   ========================================================================== */

html .dfd-root {
    /* L encre du site, arbitree le 11/09/2026. C etait la derniere surface du
       site en `#000000` — 21:1 sur blanc, le maximum possible. */
    --df-neutral-high-contrast: var(--prohdrech-encre, #22303F) !important;

    /* Libelles secondaires : « Suggestions : », « Dernieres recherches », les
       compteurs de filtres, les prix barres. Doofinder les donne en `#737678`,
       soit 4,55:1 ; l encre secondaire du site monte a 7,35:1. */
    --df-neutral-medium-contrast: var(--prohdrech-encre2, #45586A) !important;

    /* La couleur d accent de Doofinder sert AUSSI de couleur de TEXTE aux liens
       (`.dfd-root a`) et au bouton « Voir tous ». Le compte Pro HD y avait mis
       le bleu clair `#67C6E7`, qui ne fait que 1,94:1 sur blanc. On y met le
       bleu des liens du site. Son contrepoint `--df-accent-on-primary` reste
       celui de Doofinder, `#f5f9ff`, qui convient a ce bleu-la. */
    --df-accent-primary: var(--prohdrech-lien, #0C5DA2) !important;
    --df-accent-primary-hover: var(--prohdrech-lien-survol, #0A4E89) !important;
    --df-accent-primary-active: var(--prohdrech-lien-survol, #0A4E89) !important;

    /* Variable distincte, que Doofinder ne definit nulle part : son repli en dur
       `#1967d2` est un bleu Google, qui apparaissait sur « Essayez un autre
       produit » dans la fenetre des resultats similaires. */
    --dfd-link-color: var(--prohdrech-lien, #0C5DA2) !important;
}

/* Titres de section — « Categories », « Produits », « Marques ». Doofinder les
   laisse a la couleur du texte courant ; en bleu, ils reprennent exactement
   l aspect des titres de la colonne de gauche des categories (18px/700). */
html .dfd-root .dfd-title-lg {
    color: var(--prohdrech-titre, #0C5DA2) !important;
}

/* LA FENETRE « RESULTATS VISUELLEMENT SIMILAIRES » ECHAPPE A LA PALETTE, pour
   deux raisons distinctes, mesurees le 21/09/2026 — 15 elements y restaient en
   noir pur alors que tout le reste du panneau etait deja passe a l encre.

   1. C est un `<dialog>`, et la feuille du NAVIGATEUR pose `color: CanvasText`
      dessus. Une declaration DIRECTE bat toujours une valeur HERITEE, si faible
      que soit sa provenance : les dix descendants qui se contentaient d heriter
      restaient noirs. Verifie avant d ecrire cette regle : aucune feuille
      d auteur de la page ne vise `dialog`, c est bien le navigateur.
   2. Doofinder ecrit `color:#000` EN DUR sur deux de ses elements, sans passer
      par sa propre variable — `.dfd-similar-title` et le bouton de fermeture.
      Une surcharge de palette ne peut rien contre une valeur ecrite en dur. */
html .dfd-root dialog,
html .dfd-root .dfd-similar-title,
html .dfd-root .dfd-similar-modal-close-button {
    color: var(--prohdrech-encre, #22303F) !important;
}

/* Bouton d ajout au panier des cartes produit. Il suivait l accent, donc le
   bleu ; sur les vignettes du site il est rose. Valeurs reprises telles quelles
   du module `prohdcta`, pour que les deux boutons ne divergent jamais. */
html .dfd-root .dfd-cart-add-button {
    --dfd-btn-bg: var(--prohdrech-panier, #DF1576) !important;
    --dfd-btn-border-color: var(--prohdrech-panier, #DF1576) !important;
    --dfd-btn-hover-bg: var(--prohdrech-panier-survol, #B01059) !important;
    --dfd-btn-hover-border-color: var(--prohdrech-panier-survol, #B01059) !important;
    --dfd-btn-active-bg: var(--prohdrech-panier-survol, #B01059) !important;
    --dfd-btn-active-border-color: var(--prohdrech-panier-survol, #B01059) !important;
    --dfd-btn-disabled-bg: var(--prohdrech-panier, #DF1576) !important;
    --dfd-btn-disabled-border-color: var(--prohdrech-panier, #DF1576) !important;
}