/* ========================================
   NOMADS LAYOUT – Header, Hero (Carte), Sections, Footer
   ======================================== */

   .nomads-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--nomads-spacing-md) var(--nomads-spacing-lg);
    background: var(--nomads-card-bg);
    border-bottom: 1px solid var(--nomads-border);
  }

  .nomads-header__title {
    font-size: var(--nomads-fs-title);
    font-weight: var(--nomads-fw-bold);
    margin: 0;
  }

  .nomads-header__slogan {
    color: var(--nomads-text-muted);
    margin: 0 0 0 var(--nomads-spacing-sm);
  }

  .nomads-header__cta {
    background: var(--nomads-primary);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: var(--nomads-radius);
    text-decoration: none;
    font-weight: var(--nomads-fw-bold);
    transition: var(--nomads-transition);
  }

  .nomads-header__cta:hover { background: var(--nomads-primary-dark); }

  /* Hero: Carte Interactive */
  .nomads-hero {
    position: relative;
    height: 100vh;
    background: var(--nomads-map-bg); /* Placeholder pour carte */
    overflow: hidden;
  }

  .nomads-hero__map {
    width: 100%;
    height: 100%;
    /* Intègre une lib comme Leaflet ici */
  }

  .nomads-hero__controls {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    gap: var(--nomads-spacing-sm);
    z-index: 10;
  }

  .nomads-hero__control {
    background: var(--nomads-card-bg);
    border: 1px solid var(--nomads-border);
    padding: 0.5rem;
    border-radius: var(--nomads-radius);
    cursor: pointer;
    transition: var(--nomads-transition);
  }

  .nomads-hero__control:hover { box-shadow: var(--nomads-shadow); }

  /* Sections: Filtres */
  .nomads-filters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--nomads-spacing-md);
    padding: var(--nomads-spacing-lg);
    background: var(--nomads-card-bg);
    border-radius: var(--nomads-radius);
    box-shadow: var(--nomads-shadow);
  }

  .nomads-filter-group {
    display: flex;
    flex-direction: column;
    gap: var(--nomads-spacing-sm);
  }

  .nomads-filter-group__title {
    font-weight: var(--nomads-fw-bold);
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .nomads-filter-group__title::before {
    font-size: 1.2em; /* Emoji */
    content: "🌍"; /* Remplace par emoji spécifique */
  }

  /* Footer */
  .nomads-footer {
    text-align: center;
    padding: var(--nomads-spacing-md);
    color: var(--nomads-text-muted);
    border-top: 1px solid var(--nomads-border);
  }