/*
 * Annuaires MyListing (composant « explore » : filtres, résultats, carte) — refonte du 2026-10-02
 * (inc/explore-2026.php). Feuille seule, rangée sous #c27-explore-listings : vaut pour les pages
 * annuaire ET les pages ville, qui utilisent le même composant.
 *
 * ⚠️ Les cartes de résultats sont placées en positions absolues par le script du thème (Isotope),
 * qui mesure leur hauteur : ne pas leur ajouter de marge verticale ici, l'écart vient de
 * .grid-item (padding-bottom du thème).
 */

#c27-explore-listings{
  --pe-orange:#fd5902;
  --pe-orange-dark:#d94901;
  --pe-orange-soft:#fff3e8;
  --pe-ink:#1a1a1a;
  --pe-gray:#5c5c5c;
  --pe-line:#ece7e1;
  --pe-bg:#faf8f6;
  font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ---------- Panneau des filtres ---------- */
#c27-explore-listings .finder-search{ background:#fff; border-right:1px solid var(--pe-line); }
#c27-explore-listings .finder-search .finder-tabs{ padding-top:8px; }
#c27-explore-listings .search-filters .md-group input,
#c27-explore-listings .search-filters .md-group select{ font-family:inherit; font-size:15px; color:var(--pe-ink); }
#c27-explore-listings .search-filters .md-group input:focus{ border-bottom-color:var(--pe-orange) !important; }
#c27-explore-listings .search-filters label{ font-family:inherit; color:var(--pe-gray); }
#c27-explore-listings .search-filters .buttons,
#c27-explore-listings .search-filters button.buttons{ border-radius:12px !important; font-weight:700 !important; box-shadow:0 8px 20px rgba(253,89,2,.25); transition:transform .15s ease, box-shadow .15s ease; }
#c27-explore-listings .search-filters .buttons:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(253,89,2,.34); }

/* ---------- Colonne des résultats ---------- */
/* Fond un peu plus soutenu que les cartes : l'écart de 20 px entre elles ne se voyait pas sur #fafafa. */
#c27-explore-listings .finder-listings{ background:#f3efea; }
#c27-explore-listings .fl-head{ padding:6px 0 4px; }
#c27-explore-listings .fl-results-no{ font-size:13.5px; color:var(--pe-gray); }
#c27-explore-listings .fl-results-no strong,
#c27-explore-listings .fl-results-no b{ color:var(--pe-ink); }

#c27-explore-listings .results-view .lf-item-container{
  border-radius:16px; overflow:hidden; background:#fff;
  box-shadow:0 1px 2px rgba(26,26,26,.05), 0 8px 22px rgba(26,26,26,.07);
  transition:transform .18s ease, box-shadow .18s ease;
}
#c27-explore-listings .results-view .lf-item-container:hover{ transform:translateY(-3px); box-shadow:0 2px 4px rgba(26,26,26,.06), 0 18px 36px rgba(26,26,26,.13); }
#c27-explore-listings .results-view .lf-item-container .lf-item{ border-radius:16px 16px 0 0; overflow:hidden; }
#c27-explore-listings .results-view .listing-details.c27-footer-section{ border-top:1px solid #f1ece6; }

/* Pagination */
#c27-explore-listings .c27-explore-pagination a,
#c27-explore-listings .c27-explore-pagination span{ border-radius:10px !important; }
#c27-explore-listings .c27-explore-pagination .current,
#c27-explore-listings .c27-explore-pagination a:hover{ background:var(--pe-orange) !important; color:#fff !important; border-color:var(--pe-orange) !important; }

/* Bouton « Rechercher en déplaçant la carte » */
#c27-explore-listings .mapdrag-switch{ border-radius:12px; box-shadow:0 8px 22px rgba(26,26,26,.14); border:0; }

/* ---------- Texte de présentation sous l'annuaire (sections Elementor qui suivent) ----------
   Ciblé par :has() — toute section placée après celle qui contient l'annuaire. Navigateur trop
   ancien : l'ancien rendu, rien ne casse. */
.elementor-section:has(#c27-explore-listings) ~ .elementor-section{ background:#fff; font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section > .elementor-container{ max-width:880px; padding:0 24px; }
.elementor-section:has(#c27-explore-listings) + .elementor-section{ padding-top:56px; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section h1,
.elementor-section:has(#c27-explore-listings) ~ .elementor-section h1.elementor-heading-title{ font-family:inherit; font-size:clamp(28px,3.4vw,40px) !important; line-height:1.15 !important; font-weight:700 !important; letter-spacing:-.015em; color:#1a1a1a !important; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor h2{ font-family:inherit; font-size:clamp(23px,2.6vw,29px); line-height:1.25; font-weight:700; letter-spacing:-.01em; color:#1a1a1a; margin:1.6em 0 .55em; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor h3{ font-family:inherit; font-size:20px; line-height:1.35; font-weight:700; color:#1a1a1a; margin:1.4em 0 .45em; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor h2:first-child{ margin-top:0; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor,
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor p{ font-family:inherit; font-size:17px; line-height:1.72; color:#2b2b2b; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor p{ margin:0 0 1.1em; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor a{ color:#d94901; text-decoration:underline; text-underline-offset:3px; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor strong{ color:#1a1a1a; }

/* ---------- Mobile ---------- */
@media (max-width:767px){
  .elementor-section:has(#c27-explore-listings) ~ .elementor-section > .elementor-container{ padding:0 16px; }
  .elementor-section:has(#c27-explore-listings) + .elementor-section{ padding-top:36px; }
  .elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor,
  .elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor p{ font-size:16px; }
}
@media (max-width:1200px){
  #c27-explore-listings .results-view .lf-item-container{ border-radius:14px; }
  #c27-explore-listings .results-view .lf-item-container .lf-item{ border-radius:14px 14px 0 0; }
}

@media (prefers-reduced-motion:reduce){
  #c27-explore-listings *{ transition:none !important; }
}