/* ========================================================================== ListingHive Pro V33 — Système de style global pour les champs dynamiques de la barre de recherche ========================================================================== PROBLÈME CORRIGÉ (rappel) : La barre de recherche du thème (".hp-form--listing-search" / ".hp-form--vendor-search") est transparente ("effet verre"). L'extension HivePress Geolocation ajoute automatiquement un champ "Localisation" à cette barre (comportement HivePress standard). Ce champ gardait une bande blanche derrière lui et cassait l'uniformité transparente de la barre. Le bouton "Rechercher", lui, ne doit JAMAIS être touché : il garde son propre dégradé animé aux couleurs du site (voir style.css > "PRO V4 — Bouton Rechercher"), sa forme et son animation, à l'identique de la V28 d'origine. HISTORIQUE DES CORRECTIFS SUR CE FICHIER (pour mémoire) : - V29/V30 : ciblage large de "[data-component]" dans la barre de recherche → corrigeait bien la bande blanche du champ Localisation, MAIS attrapait aussi le bouton "Rechercher" (qui porte lui aussi un attribut "data-component", posé par HivePress pour gérer son état de chargement au clic) → régression : le bouton perdait son dégradé. - V31 : tentative de correction en restreignant tous les sélecteurs à l'intérieur de ".hp-form__field-wrap", en supposant que ce conteneur enveloppe chaque champ mais jamais le bouton → a bien protégé le bouton, MAIS s'est avéré ne pas envelopper non plus le champ Localisation sur ce site : la bande blanche est réapparue. - V32 (ce fichier) : on revient au ciblage large de la V30 (qui corrigeait bien la bande blanche), et on protège le bouton autrement : par SON IDENTITÉ PROPRE plutôt que par sa position dans le DOM. Le bouton est exclu de chaque sélecteur via QUATRE signaux indépendants et redondants — ":not(.hp-form__button)" ":not(button)" ":not([type='submit'])" ":not([type='button'])" — de sorte qu'il soit protégé quelle que soit la façon exacte dont HivePress le construit dans le HTML, sans dépendre d'une hypothèse sur la structure des conteneurs. - V33 : ajout de la section "4. Couleur et taille du texte des champs" (texte blanc, légèrement plus petit) — voir plus bas. N'affecte que le texte ; les corrections de fond/bordure ci-dessus restent inchangées. Sélecteurs volontairement génériques pour les CHAMPS (aucun nom d'extension codé en dur) : "hp-field", "[class*='hp-field--']" et "[data-component]" sont les conteneurs que HivePress utilise pour N'IMPORTE QUEL champ, qu'il vienne du cœur HivePress ou d'une extension (Geolocation aujourd'hui, une autre extension demain). Aucun fichier de HivePress, du thème parent ListingHive, ni d'aucune extension n'est modifié : ce fichier est strictement additif. ========================================================================== */ /* Fragment d'exclusion du bouton "Rechercher", réutilisé sur chaque sélecteur ci-dessous. Quatre signaux indépendants : si HivePress change demain l'un d'entre eux (ex. renomme la classe du bouton), les trois autres continuent de le protéger. */ /* ------------------------------------------------------------------------ 1. Transparence forcée, à TOUS les niveaux, avec spécificité renforcée ------------------------------------------------------------------------ "body.lhp-pro-v33" (classe posée par ce thème sur , voir functions.php > add_filter( 'body_class', ... )) est ajouté devant chaque sélecteur pour garantir que ces règles l'emportent sur toute règle du thème parent, du cœur HivePress ou d'une extension — quel que soit l'ordre de chargement des fichiers CSS. ------------------------------------------------------------------------ */ /* 1a. Le formulaire lui-même (déjà transparent par défaut, on le rappelle ici pour que la transparence soit garantie même si un plugin de traduction/optimisation réordonne les styles). Ne touche jamais au bouton : "background-color" ne s'applique qu'à l'élément "
" lui-même, jamais à ses descendants. */ body.lhp-pro-v33 .hp-form--listing-search, body.lhp-pro-v33 .hp-form--vendor-search { background-color: rgba(255, 255, 255, 0.08) !important; } /* 1b. Conteneurs de champ (natifs ET ajoutés par une extension) : fond, bordure et ombre neutralisés — SAUF le bouton "Rechercher", exclu par son identité propre (classe, balise, type), pas par sa position dans le DOM. On ne touche jamais aux dimensions (padding, margin, display, flex), qui restent gérées par le champ lui-même, pour ne jamais casser sa mise en page interne (ex. icône "Me localiser" du champ Localisation). */ body.lhp-pro-v33 .hp-form--listing-search .hp-field:not(.hp-form__button):not(button):not([type="submit"]):not([type="button"]), body.lhp-pro-v33 .hp-form--listing-search [class*="hp-field--"]:not(.hp-form__button):not(button):not([type="submit"]):not([type="button"]), body.lhp-pro-v33 .hp-form--listing-search [data-component]:not(.hp-form__button):not(button):not([type="submit"]):not([type="button"]), body.lhp-pro-v33 .hp-form--vendor-search .hp-field:not(.hp-form__button):not(button):not([type="submit"]):not([type="button"]), body.lhp-pro-v33 .hp-form--vendor-search [class*="hp-field--"]:not(.hp-form__button):not(button):not([type="submit"]):not([type="button"]), body.lhp-pro-v33 .hp-form--vendor-search [data-component]:not(.hp-form__button):not(button):not([type="submit"]):not([type="button"]) { background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; } /* 1c. Le ""/"