/* =========================================================
   PAGES PAR VILLE (lot D) — /planes-con-ninos/<slug>
   Les cartes reprennent explore.css ; ce fichier ne gère
   que l'en-tête, l'introduction et les blocs de bas de page.
========================================================= */

.city-header{
  padding:8px 0 18px;
}

.city-header h1{
  margin:4px 0 6px;

  color:var(--primary);

  font-size:28px;
  line-height:1.15;
  font-weight:900;
}

.city-count{
  margin:0 0 12px;

  color:#5b7184;

  font-size:15px;
  font-weight:800;
}

.city-intro{
  color:#243f55;

  font-size:16px;
  line-height:1.6;
}

.city-intro p{
  margin:0 0 10px;
}

.city-intro h2,
.city-intro h3{
  margin:16px 0 8px;

  color:var(--primary);

  font-size:19px;
  line-height:1.25;
}

.city-intro ul{
  margin:0 0 10px;
  padding-left:22px;
}

.city-related{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;

  margin-top:12px;

  font-size:14px;
}

.city-related span{
  color:#5b7184;
  font-weight:800;
}

.city-related a{
  padding:6px 12px;

  background:#fff;

  border:1px solid var(--line);
  border-radius:999px;

  color:var(--primary);

  font-weight:800;
  text-decoration:none;
}

.card-distance{
  color:#5b7184;
  font-weight:700;

  white-space:nowrap;
}

/* La distance est dans la pastille du lieu : pas de seconde pastille
   (sinon .meta-row span lui ajoute 10 px de marge de chaque côté). */
.meta-row .card-distance{
  padding:0;

  border-radius:0;
  background:none;
}

/* Pastille du lieu : un nom de commune long passe à la ligne entre deux mots,
   jamais au milieu de la distance, et ne dépasse pas la carte. */
.city-page .meta-row span{
  max-width:100%;

  overflow-wrap:break-word;
}

.city-guides{
  margin:28px 0 8px;
  padding-top:20px;

  border-top:1px solid var(--line);
}

.city-guides h2{
  margin:0 0 10px;

  color:var(--primary);

  font-size:20px;
}

.city-guides ul{
  margin:0;
  padding-left:20px;

  line-height:1.7;
}

.city-guides a,
.city-more a{
  color:var(--primary);
  font-weight:800;
}

.city-more{
  margin:20px 0;
}

/* Fil d'Ariane : même présentation que sur les fiches */
.activity-breadcrumb{
  margin:6px 0 8px;

  font-size:13px;
  line-height:1.4;
}

.activity-breadcrumb ol{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:2px 0;

  margin:0;
  padding:0;

  list-style:none;
}

.activity-breadcrumb li{
  display:inline-flex;
  align-items:center;
  min-width:0;

  color:#5b7184;
}

.activity-breadcrumb li + li::before{
  content:"›";
  margin:0 6px;

  color:#9aaab8;
}

.activity-breadcrumb a{
  color:var(--primary);
  text-decoration:none;
}

.activity-breadcrumb li[aria-current="page"]{
  overflow:hidden;
  max-width:100%;

  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (min-width:768px){
  .city-header h1{
    font-size:34px;
  }

  .city-intro{
    max-width:780px;

    font-size:17px;
  }
}

@media (min-width:1200px){
  .city-header{
    padding-top:24px;
  }

  .city-header h1{
    font-size:40px;
    letter-spacing:-.02em;
  }
}