/**
 * Styles pour [haeros_recherche_campagnes] — barre de filtres + grille.
 * Charge automatiquement via wp_enqueue_style dans recherche-campagnes.php.
 */

.hr-recherche-section { --hr-or:#DCA54A;--hr-noir:#222222;--hr-creme-clair:#FAF5E5;--hr-creme:#F0E6C5;--hr-bleu-nuit:#0F172A;--hr-bordure:#D3C4A7;--hr-blanc:#FFFFFF;--hr-vert:#639922;--hr-orange:#D85A30;--hr-gris:#5F5E5A; padding:16px 0; }
.hr-recherche-barre { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:24px; padding:14px 16px; background:var(--hr-creme-clair); border:1px solid var(--hr-bordure); border-radius:8px; }
.hr-recherche-bloc { position:relative; }
.hr-recherche-toggle { display:flex; align-items:center; gap:8px; padding:8px 14px; background:var(--hr-blanc); border:1px solid var(--hr-bordure); border-radius:6px; cursor:pointer; font-size:13px; font-family:inherit; color:var(--hr-noir); transition:all 0.2s ease; }
.hr-recherche-toggle:hover { border-color:var(--hr-or); }
.hr-recherche-toggle.is-open { background:var(--hr-or); border-color:var(--hr-or); }
.hr-recherche-count { background:var(--hr-bleu-nuit); color:var(--hr-or); padding:1px 8px; border-radius:10px; font-size:11px; font-weight:500; display:none; }
.hr-recherche-count[data-count]:not([data-count="0"]) { display:inline-block; }
.hr-recherche-chevron { font-size:9px; color:var(--hr-gris); transition:transform 0.2s ease; }
.hr-recherche-toggle.is-open .hr-recherche-chevron { transform:rotate(180deg); }
.hr-recherche-panel { position:absolute; top:calc(100% + 6px); left:0; background:var(--hr-blanc); border:1px solid var(--hr-bordure); border-radius:8px; padding:10px; min-width:240px; max-width:360px; max-height:340px; overflow-y:auto; z-index:20; box-shadow:0 8px 16px -4px rgba(15,23,42,0.15); }
.hr-recherche-panel[hidden] { display:none; }
.hr-recherche-chk { display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:4px; cursor:pointer; font-size:13px; color:var(--hr-noir); }
.hr-recherche-chk:hover { background:var(--hr-creme-clair); }
.hr-recherche-chk input[type="checkbox"] { accent-color:var(--hr-or); }
.hr-recherche-reset { padding:8px 14px; background:transparent; border:1px solid var(--hr-bordure); border-radius:6px; cursor:pointer; font-size:13px; font-family:inherit; color:var(--hr-gris); transition:all 0.2s ease; }
.hr-recherche-reset:hover { color:var(--hr-noir); border-color:var(--hr-noir); }
.hr-recherche-resultats { margin-left:auto; font-size:12px; color:var(--hr-gris); }
.hr-recherche-resultats-nb { font-weight:500; color:var(--hr-noir); }
.hr-recherche-empty { text-align:center; padding:40px; font-family:Georgia,serif; color:var(--hr-gris); font-style:italic; }

/* ============================================================================
   LES CARTES NE SONT PLUS STYLÉES ICI
   ----------------------------------------------------------------------------
   Ce fichier redéfinissait tout l'habillage des cartes (.hr-campagnes-grid,
   .hr-campagne-card, .hr-card-*), en double de assets/css/campagnes-list.css.

   Les deux feuilles ayant la même spécificité, celle chargée en dernier gagnait
   — en pratique celle-ci. Résultat : sur une page portant la recherche, les
   cartes restaient dans l'ancien gabarit (grille figée à 280 px, présentoir de
   200 px avec la couverture en mockup) et ignoraient les réglages de
   campagnes-list.css, dont la largeur --hr-carte-min et la bannière 16/9.

   La recherche ne produit aucune carte : elle filtre celles rendues par
   [haeros_liste_campagnes]. C'est donc campagnes-list.css qui fait autorité, et
   il est désormais chargé avec ce fichier (voir features/asset-loader.php).
   On ne garde ici que ce qui appartient en propre à la recherche.
   ============================================================================ */

/* Masquage d'une carte filtrée. */
.hr-campagne-card.is-hidden { display: none; }
