/* ========================================================================== Pro HD — Panneau de la barre de recherche : ANCRAGE Module `prohdrecherche`. Ne pas modifier a la main : les valeurs viennent du back-office, Modules > « Pro HD — Panneau de la barre de recherche ». CE QUE CETTE FEUILLE CORRIGE. Doofinder pose son panneau UNE SEULE FOIS, a l ouverture, en coordonnees DOCUMENT :
et ne recalcule jamais ce `top`. L en-tete du site, lui, passe en `position:fixed` au-dela de sa propre hauteur. Mesure du 21/09/2026 a 1440px, apres un defilement de 500px : champ de recherche a 74px du haut de l ecran, panneau a -380px. Le panneau se retrouvait 454px plus haut que son champ, et comme son `z-index` vaut 2 147 483 500 contre 10 000 pour l en-tete, il recouvrait le logo et le menu. `!important` EST ICI NECESSAIRE, PAS UN RACCOURCI : la position de Doofinder est un attribut `style` en ligne, qu aucune specificite de selecteur ne bat. LA CLASSE `prohdrech-ancre` EST POSEE PAR `ancrage.js`, et seulement une fois qu il a REUSSI a mesurer le champ. C est ce qui rend cette feuille sans effet si le script ne se charge pas : sans la classe, rien ne s applique et le panneau garde le comportement d origine. Les deux variables `--prohdrech-haut` et `--prohdrech-gauche` sont posees par ce meme script, avant la classe : elles sont donc toujours definies quand ces regles s appliquent. ON NE VISE QUE `.dfd-classic`, ET C EST LE POINT LE PLUS IMPORTANT DE CETTE FEUILLE. Doofinder a TROIS variantes, portees par une classe sur la meme racine, et une seule doit etre ancree : `.dfd-classic` — le deroulant sous le champ. C est la seule concernee. `.dfd-mobile` — sous 768px, deja `position:fixed` plein ecran avec le defilement du corps verrouille. Rien a corriger. `.dfd-embedded` — la page de resultats, ouverte par « Voir tous ». Elle est `position: static`, pleine largeur, POSEE DANS LE FLUX en bas de page. La forcer en `fixed` la detache du document. REGRESSION DU 21/09/2026, corrigee le 22 : la version 1.0.3 visait `.dfd-root:not(.dfd-mobile)`, ce qui attrapait AUSSI `.dfd-embedded`. Au clic sur « Voir tous », la page de resultats se retrouvait `position:fixed` a 340/120 — et comme `boite.css`, lui, ne vise que `.dfd-classic`, elle n avait ni fond, ni `overflow:hidden`, ni `z-index`. Resultat a l ecran : des cases a cocher et une vignette produit flottant par-dessus la page, immobiles au defilement, jusqu a un rechargement force. LA LECON : deux feuilles du meme module qui visent le meme element DOIVENT avoir la meme portee. C est l ecart entre `:not(.dfd-mobile)` ici et `.dfd-classic` la-bas qui a fabrique le defaut, pas l une des deux regles. ========================================================================== */ html.prohdrech-ancre .dfd-root.dfd-classic { position: fixed !important; top: var(--prohdrech-haut) !important; left: var(--prohdrech-gauche) !important; /* Doofinder demande `height:100vh` ET `min-height:600px`. Le panneau depassait donc du bas de l ecran des que son haut n etait pas colle en haut de page. On le borne a la place reellement disponible ; son contenu defile a l interieur, `.dfd-content` etant deja en `overflow-y:auto`. Le `min-height` doit etre neutralise AUSSI : en CSS un minimum l emporte toujours sur un maximum, une hauteur seule ne suffirait pas. */ min-height: 0 !important; height: calc(100vh - var(--prohdrech-haut) - var(--prohdrech-bas, 16px)) !important; }