/* ============================================================
   Composant : liste de choix avec recherche integree
   ------------------------------------------------------------
   Feuille partagee par l'admin (crm.css l'inclut via la page) et par
   l'espace client. Extraite de recherche.css pour que l'espace client
   n'ait pas a charger toute la feuille de la recherche publique.

   Sans cette feuille, le menu s'affiche SANS positionnement absolu :
   les options se deploient dans le flux et cassent la mise en page.
   ============================================================ */

/* ═══════════════════════════════════════════════════════════════
   V0.20.2 — Liste de choix avec recherche integree
   Remplace les <select> de filtres. Le champ de recherche est
   toujours au sommet de la liste des choix.
   Utilise par l'admin et par la recherche publique.
   ═══════════════════════════════════════════════════════════════ */

.ltd-select-filtrable {
  position: relative;
  width: 100%;
  min-width: 0;
}

.ltd-select-filtrable__bouton {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #d7dbe0;
  border-radius: 9px;
  background: #fff;
  /* ⛔ Couleur imposee : le theme (reset.css) force rgb(204,51,102) sur les
     boutons. On reprend la charte : texte fonce sur fond clair. */
  color: #111827;
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}

.ltd-select-filtrable__bouton:hover {
  border-color: #ad091c;
}

.ltd-select-filtrable__valeur {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ltd-select-filtrable__valeur.est-vide {
  color: #6b7280;
}

.ltd-select-filtrable__chevron {
  flex: 0 0 auto;
  color: #6b7280;
  font-size: 11px;
}

.ltd-select-filtrable__menu {
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  max-height: 320px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(15, 23, 42, .16);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .14);
}

.ltd-select-filtrable__menu[hidden] {
  display: none;
}

/* Le champ de recherche reste colle au sommet, meme si la liste defile. */
.ltd-select-filtrable__recherche {
  flex: 0 0 auto;
  padding: 8px;
  border-bottom: 1px solid #eceef1;
  background: #fff;
}

.ltd-select-filtrable__champ {
  width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid rgba(15, 23, 42, .16);
  border-radius: 7px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 12px;
}

.ltd-select-filtrable__champ:focus {
  outline: 2px solid rgba(173, 9, 28, .35);
  outline-offset: 1px;
  border-color: #ad091c;
}

.ltd-select-filtrable__liste {
  flex: 1 1 auto;
  max-height: 250px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 6px;
}

.ltd-select-filtrable__option {
  width: 100%;
  display: block;
  margin: 0;
  padding: 9px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #111827;
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}

.ltd-select-filtrable__option:hover {
  background: #f3f4f6;
}

.ltd-select-filtrable__option.est-choisie {
  background: #fdeff1;
  color: #ad091c;
  font-weight: 800;
}

.ltd-select-filtrable__vide {
  padding: 12px 10px;
  color: #6b7280;
  font-size: 12px;
  text-align: center;
}

.ltd-select-filtrable__vide[hidden] {
  display: none;
}

/* Lien "Effacer" d'un filtre actif, cote visiteur. */
/*
 * ── COULEURS FORCEES (correctif du 06/10/2026) ──
 * Le theme du site (reset.css) impose `a, button { color: rgb(204,51,102) }`
 * a TOUS les liens et boutons — un rose framboise (#cc3366) qui n'appartient
 * pas a notre charte. C'est ce que Anthony voyait : « du rose ».
 *
 * Nos couleurs ci-dessous sont celles de la charte LTD. On les cible
 * precisement (aucun « !important » a l'aveugle) : nos composants ne doivent
 * pas heriter du style du theme.
 */
.ltd-filtre__effacer {
  margin-top: 4px;
  padding: 0;
  border: 0;
  background: none;
  color: #ad091c;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.ltd-filtre__effacer:hover {
  color: #8c0a17;
}


/* ══════════════════════════════════════════════════════════════════
 * DESIGN DES CHAMPS DE FILTRES — SANS LE ROSE DU THEME (06/10/2026)
 * ══════════════════════════════════════════════════════════════════
 *
 * Anthony : « dans l'onglet Lieu, les filtres de recherche, je n'aime pas le
 * design des champs : Departement, Type de bien, Chambres, Pieces, Salles de
 * bain, Stationnement, Etages, Nombre de niveaux ».
 *
 * Mesure en production : 239 occurrences de RGB(204, 51, 102) — un rose
 * framboise — sur les bordures de nos listes, impose par le theme du site
 * (reset.css), qui cible `a, button, [type=button]` et gagne a specificite
 * egale parce qu'il est charge apres nous.
 *
 * On monte donc la specificite avec le conteneur parent, et on redefinit
 * TOUTES les proprietes concernees. Aucun « !important » : nos composants
 * reprennent simplement la main sur leur propre apparence.
 *
 * Le conteneur reel de ces champs dans le CRM est `.ltd-crm-smart-filters`
 * (et la page publique `.ldt-recherche`).
 */

/* ── 1. LE BOUTON (le champ ferme qu'on voit) ── */
.ltd-crm-smart-filters .ltd-select-filtrable__bouton,
.ldt-recherche .ltd-select-filtrable__bouton {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #c9ccd1;
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  box-shadow: none;
  transition: border-color .15s, box-shadow .15s;
}

.ltd-crm-smart-filters .ltd-select-filtrable__bouton:hover,
.ldt-recherche .ltd-select-filtrable__bouton:hover {
  border-color: #8c9096;
  color: #111827;
}

/* Au depliage : liseré GRIS, et non rouge pale (qui virait au rose). */
.ltd-crm-smart-filters .ltd-select-filtrable__bouton[aria-expanded="true"],
.ldt-recherche .ltd-select-filtrable__bouton[aria-expanded="true"] {
  border-color: #6b7280;
  box-shadow: 0 0 0 2px rgba(107, 114, 128, .18);
}

/* La valeur affichee : lisible, jamais rose. */
.ltd-crm-smart-filters .ltd-select-filtrable__valeur,
.ldt-recherche .ltd-select-filtrable__valeur {
  color: #111827;
  font-size: 14px;
}

.ltd-crm-smart-filters .ltd-select-filtrable__valeur.est-vide,
.ldt-recherche .ltd-select-filtrable__valeur.est-vide {
  color: #6b7280;
}

/* Le chevron : gris sobre. */
.ltd-crm-smart-filters .ltd-select-filtrable__chevron,
.ldt-recherche .ltd-select-filtrable__chevron {
  color: #6b7280;
}

/* ── 2. LE MENU DEROULANT ── */
.ltd-crm-smart-filters .ltd-select-filtrable__menu,
.ldt-recherche .ltd-select-filtrable__menu {
  border: 1px solid #dfe2e7;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .16);
}

/* ── 3. LE CHAMP DE RECHERCHE INTERNE ── */
.ltd-crm-smart-filters .ltd-select-filtrable__champ,
.ldt-recherche .ltd-select-filtrable__champ {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #c9ccd1;
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  font-size: 14px;
}

.ltd-crm-smart-filters .ltd-select-filtrable__champ:focus,
.ldt-recherche .ltd-select-filtrable__champ:focus {
  outline: none;
  border-color: #ad091c;
  box-shadow: 0 0 0 2px rgba(173, 9, 28, .12);
}

/* ── 4. LES OPTIONS DE LA LISTE ── */
.ltd-crm-smart-filters .ltd-select-filtrable__option,
.ldt-recherche .ltd-select-filtrable__option {
  border: 0;
  background: transparent;
  color: #111827;
  font-size: 14px;
  padding: 9px 12px;
  border-radius: 7px;
}

.ltd-crm-smart-filters .ltd-select-filtrable__option:hover,
.ldt-recherche .ltd-select-filtrable__option:hover {
  background: #f3f4f6;
  color: #111827;
}

/*
 * L'option selectionnee : gris tres clair, sobre.
 *
 * Avant : un fond rose pale (rgb(251,234,236)), qui delavait le champ et
 * donnait cette impression de « rose » signalee par Anthony le 06/10/2026.
 */
.ltd-crm-smart-filters .ltd-select-filtrable__option.est-choisie,
.ldt-recherche .ltd-select-filtrable__option.est-choisie {
  background: #eef0f3;
  color: #111827;
  font-weight: 600;
}

/* ── 5. LE LIEN « EFFACER » ── */
.ltd-crm-smart-filters .ltd-filtre__effacer,
.ldt-recherche .ltd-filtre__effacer {
  color: #ad091c;
}

/* ── 6. LE TEXTE D'AIDE « AUCUN RESULTAT » ── */
.ltd-crm-smart-filters .ltd-select-filtrable__vide,
.ldt-recherche .ltd-select-filtrable__vide {
  color: #6b7280;
}