/* ==========================================================================
   Pro HD — Panneau de la barre de recherche : LA REFERENCE SOUS LE TITRE
   Module `prohdrecherche`, depuis la 1.4.0 (29/10/2026). Interrupteur en
   back-office : « Mettre la référence des produits aux couleurs du site ».

   LE DEFAUT, SIGNALE PAR UN CLIENT LE 29/10/2026 : il cherchait BOBDL-20, le
   panneau la donnait en PREMIERE position, mais il ne l a pas reconnue. Les
   cartes de Doofinder n affichaient que le titre — et deux fiches portent le
   meme : « Bobine d'essuyage T160m compatible distributeur Autocut » pour
   BOBDL-20 (fiche 176) et BOBDL-ULTI (fiche 184).

   LA LIGNE ELLE-MEME VIENT DE DOOFINDER, pas d ici. Elle est ajoutee dans son
   modele de carte (admin Doofinder, layer « Flottant », onglets Ordinateur ET
   Mobile), sous le titre : un bloc `class="prohdrech-reference"` qui contient
   « Réf. : » suivi du champ `reference` de l element (meme variable que celle
   du titre dans le modele), et qui n est affiche que si ce champ est rempli.

   La reference est deja dans l index Doofinder (champ `reference`, verifie le
   29/10 : « BOBDL-20 » pour la fiche 176). Aucune donnee nouvelle, aucune
   mise a jour du module Doofinder. Cette feuille ne fait que lui donner
   l aspect du « Réf. : » des vignettes du site (`p.product-reference`, releve
   en production le 29/10 : Rubik 13 px, 400, #0C5DA2, interligne 20 px,
   espacement .26 px). SANS LA LIGNE DU MODELE, ELLE NE VISE RIEN.

   `!important` partout, comme le reste du module : Doofinder recharge ses
   feuilles en double et l ordre varie (voir `boite.css`).
   ========================================================================== */

html body .dfd-root .dfd-card .prohdrech-reference {
    display: block !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: .26px !important;
    color: var(--prohdrech-lien, #0C5DA2) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    user-select: text !important;
}

/* LA REFERENCE ENTIERE (1.5.2, 29/10/2026). Le modele Doofinder entoure la
   reference et le bouton copier d un `span.prohdrech-ref-valeur`. En bloc en
   ligne, il passe ENTIER a la ligne sous « Réf. : » quand il ne tient pas a
   cote, au lieu de se couper au trait d union (« FILTROPURE- / 5000 »). Plus
   large que la ligne, il se coupe a l interieur (`max-width`). Mesure sur 260
   references : coupures evitables 5 / 34 / 6 (1366 / 820 / 375) -> 0. */
html body .dfd-root .dfd-card .prohdrech-reference .prohdrech-ref-valeur {
    display: inline-block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

/* Telephone : la carte fait 150 px de large a 375 px (mesure du 25/09). Une
   reference trop longue passe a la ligne (`overflow-wrap` ci-dessus) au lieu
   de deborder de la carte. */
html body .dfd-root.dfd-mobile .dfd-card .prohdrech-reference {
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
}