/* H2O - refonte desktop de la liste d'annonces - v19
   Mise en page ; police heritee du site. Scope : body.h2o-desktop-actif + >= 992px. */
@media (min-width: 1025px) {

  /* ===================== boutons ===================== */
  /* boutons : couleur + arrondi exactement comme "Voir les annonces" du header (#294c85, radius 5px, Poppins 14/500) */
  body.h2o-desktop-actif .h2o-voir,
  body.h2o-desktop-actif button.h2o-btn {
    box-sizing: border-box !important; border-radius: 5px !important; height: 38px; padding: 0 24px;
    font-size: 14px; font-weight: 500; font-family: inherit; line-height: 1;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; white-space: nowrap; text-decoration: none !important;
  }
  body.h2o-desktop-actif #h2o-active .advSrch { align-items: center; }
  body.h2o-desktop-actif .h2o-voir { align-self: center; flex: 0 0 auto; margin-left: 6px; }
  /* pleins navy */
  body.h2o-desktop-actif .h2o-voir,
  body.h2o-desktop-actif button.h2o-alert { background: #294c85 !important; color: #fff !important; border: 0 !important; }
  /* secondaire : blanc, bordure, texte navy (meme arrondi 5px) */
  body.h2o-desktop-actif button.h2o-adv { background: #fff !important; color: #294c85 !important; border: 1px solid #d7dde5 !important; }
  /* neutralise la marge Bootstrap .btn qui desalignait Recherche avancee */
  body.h2o-desktop-actif #h2o-active button.h2o-btn { margin: 0 !important; }
  /* Voir les resultats + Creer une alerte : meme largeur que "Voir les annonces" (182px)
     et alignes sur son bord droit (le bouton header finit 11px avant le bord du conteneur) */
  body.h2o-desktop-actif .h2o-voir,
  body.h2o-desktop-actif .h2o-alert { width: 182px; }
  body.h2o-desktop-actif #h2o-active { padding-right: 11px; }
  body.h2o-desktop-actif .h2o-voir { margin-right: 4px; }

  /* ===================== bande grise (section de recherche) ===================== */
  body.h2o-desktop-actif .h2o-band { padding: 18px 48px 14px !important; }
  body.h2o-desktop-actif .h2o-band > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0 !important; }

  /* ===================== 1. barre de recherche (a plat, bordure, sans ombre) ===================== */
  body.h2o-desktop-actif #h2o-searchbar {
    display: flex; align-items: stretch; gap: 0;
    background: #fff; border: 1px solid #d7dde5; border-radius: 12px; box-shadow: none;
    padding: 6px; margin: 0 0 10px;
  }
  body.h2o-desktop-actif .h2o-cell,
  body.h2o-desktop-actif .h2o-advcell {
    position: relative; display: flex; flex-direction: column; justify-content: center;
    flex: 1 1 0; min-width: 0; padding: 5px 20px;
  }
  body.h2o-desktop-actif .h2o-cell--kw { flex: 1.7 1 0; }
  /* separateurs verticaux : trait de 40px centre (pas pleine hauteur) */
  body.h2o-desktop-actif .h2o-cell + .h2o-cell::before,
  body.h2o-desktop-actif .h2o-advcell + .h2o-advcell::before {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    height: 40px; width: 1px; background: #e4e9f0;
  }
  body.h2o-desktop-actif .h2o-cell-label {
    font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    color: #9aa4b2; margin-bottom: 4px; line-height: 1; display: block;
  }
  body.h2o-desktop-actif .h2o-cell-body { min-width: 0; }

  body.h2o-desktop-actif .h2o-kw.form-control,
  body.h2o-desktop-actif input.h2o-kw {
    border: 0 !important; box-shadow: none !important; background: transparent !important;
    padding: 0 !important; height: auto !important; border-radius: 0 !important;
    font-size: 15px; color: #294c85; width: 100%; font-family: inherit;
  }
  body.h2o-desktop-actif .h2o-cell .multiselect { width: 100%; padding: 0; float: none; }
  body.h2o-desktop-actif .h2o-cell .selectBox,
  body.h2o-desktop-actif .h2o-advcell .selectBox { width: 100%; }
  body.h2o-desktop-actif .h2o-cell .selectBox button,
  body.h2o-desktop-actif .h2o-advcell .selectBox button {
    border: 0 !important; background: transparent !important; box-shadow: none !important;
    padding: 0 !important; height: auto !important; width: 100%; text-align: left;
    font-size: 15px; color: #8e99a6 !important; font-weight: 400 !important; cursor: pointer; font-family: inherit;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }

  /* ===================== panneaux de cases ===================== */
  body.h2o-desktop-actif .multiselect { position: relative; }
  body.h2o-desktop-actif .multiselect .checkboxes {
    position: absolute; z-index: 950; top: 100%; left: 0; right: auto; margin-top: 4px;
    min-width: 100%; width: max-content; max-width: 340px;
    background: #fff; border: 1px solid #e5e9f0; border-radius: 10px;
    box-shadow: 0 12px 28px rgba(15,23,42,.16); padding: 8px 14px;
    max-height: 340px; overflow-y: auto; overflow-x: hidden;
  }
  body.h2o-desktop-actif .multiselect .checkboxes.hidden { display: none; }
  body.h2o-desktop-actif .multiselect .checkboxes .checkbox {
    margin: 6px 0 !important; padding: 0 !important; min-height: 0 !important; position: static !important;
  }
  body.h2o-desktop-actif .multiselect .checkboxes label {
    display: flex; align-items: center; gap: 8px; white-space: normal; position: static;
    margin: 0 !important; padding: 0 !important; font-weight: 400; font-family: inherit;
    color: #294c85; cursor: pointer; font-size: 14px;
  }
  body.h2o-desktop-actif .multiselect .checkboxes input[type=checkbox] {
    position: static !important; margin: 0 !important; flex: 0 0 auto; width: 16px; height: 16px;
  }

  /* ===================== recherche avancee : meme design que la barre ===================== */
  body.h2o-desktop-actif .advfilters {
    display: flex !important; gap: 0; align-items: stretch;
    background: #fff; border: 1px solid #d7dde5; border-radius: 12px; box-shadow: none;
    padding: 6px; margin: 0 0 20px !important;
  }
  body.h2o-desktop-actif .advfilters.hidden { display: none !important; }
  body.h2o-desktop-actif .h2o-advcell {
    flex: 1 1 0 !important; width: auto !important; float: none !important;
  }

  /* ===================== 2. ligne filtres actifs (pills) + boutons ===================== */
  body.h2o-desktop-actif #h2o-active {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0;
  }
  body.h2o-desktop-actif .h2o-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 36px; }
  body.h2o-desktop-actif .h2o-chip {
    display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
    background: #fff; border: 1px solid #d7dde5; border-radius: 999px;
    padding: 6px 6px 6px 14px; font-size: 13px; color: #294c85; font-weight: 600; font-family: inherit;
  }
  body.h2o-desktop-actif .h2o-chip-x {
    display: inline-flex; align-items: center; justify-content: center;
    width: 18px; height: 18px; border: 0; border-radius: 50%; cursor: pointer; padding: 0;
    background: #edf1f6; color: #294c85; font-size: 13px; line-height: 1; font-family: inherit;
  }
  body.h2o-desktop-actif .h2o-chip-x:hover { background: #dbe3ef; }
  body.h2o-desktop-actif .h2o-clear {
    font-size: 13px; color: #8e99a6 !important; text-decoration: underline !important; margin-left: 4px; cursor: pointer; font-weight: 400;
  }
  body.h2o-desktop-actif .h2o-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
  body.h2o-desktop-actif #h2o-active .advSrch { display: contents; }

  /* ===================== 3. zone blanche : compteur + tri ===================== */
  body.h2o-desktop-actif .h2o-resline-wrap { position: relative; padding-top: 16px; }
  body.h2o-desktop-actif .filter-title.h2o-resline {
    text-align: left !important; text-transform: none !important; letter-spacing: 0 !important;
    display: flex; align-items: baseline; font-weight: 400; font-family: inherit;
    margin: 0 0 18px !important; font-size: 15px; padding-right: 280px;
  }
  body.h2o-desktop-actif .h2o-resline .h2o-count-strong { color: #101820; font-weight: 700; }
  body.h2o-desktop-actif .h2o-resline .h2o-count-rest { color: #68737f; font-weight: 400; margin-left: 6px; }
  body.h2o-desktop-actif .rem-topbar.h2o-sort {
    position: absolute; top: 16px; right: 0; height: auto; width: auto; margin: 0;
    display: flex; align-items: baseline; justify-content: flex-end;
  }
  body.h2o-desktop-actif .rem-topbar.h2o-sort .col-sm-3.col-xs-8,
  body.h2o-desktop-actif .rem-topbar.h2o-sort .col-sm-6.hidden-xs { display: none; }
  body.h2o-desktop-actif .rem-topbar.h2o-sort .col-sm-3.text-right { width: auto; padding: 0; float: none; }
  body.h2o-desktop-actif .rem-topbar.h2o-sort input[name="list_style"] { display: none; }
  /* tri en texte : "Trier par" gris + valeur 600 soulignee + fleche, sans conteneur */
  body.h2o-desktop-actif .h2o-sortwrap { position: relative; display: inline-flex; align-items: baseline; gap: 6px; }
  body.h2o-desktop-actif .h2o-sort-pre { color: #8e99a6; font-size: 14px; }
  body.h2o-desktop-actif .h2o-sort-val { color: #294c85; font-weight: 600; font-size: 14px; text-decoration: underline; }
  body.h2o-desktop-actif .h2o-sort-val::after { content: ' \25be'; text-decoration: none; margin-left: 3px; }
  body.h2o-desktop-actif .h2o-sortwrap select[name="sort_by"] {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;
    border: 0; margin: 0; padding: 0; -webkit-appearance: none; appearance: none;
  }

  /* Cartes : presentation d'origine (aucune surcharge desktop). */

  /* ===================== nettoyage ===================== */
  body.h2o-desktop-actif .h2o-empty { display: none !important; }
}