/* Page ville — l'en-tête locale. La grille elle-même réutilise reservation.css :
   une carte reste une carte, quelle que soit la page qui la porte. */
.clb-ville-tete{margin:0 0 26px}
.clb-ville-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 6px;
  font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--r-accent,#e31f24)}
.clb-ville-h1{margin:0 0 6px;font-size:clamp(26px,3.6vw,40px);line-height:1.08;
  letter-spacing:-.02em;color:var(--r-encre,#1d1b19);text-wrap:balance}
.clb-ville-compte{margin:0 0 14px;font-size:16px;font-weight:600;color:var(--r-doux,#6b635b)}
.clb-ville-changer{display:inline-block}
.clb-ville-changer > summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;
  padding:0 16px;border:1px solid var(--r-trait,rgba(29,27,25,.14));border-radius:999px;
  background:#fff;font-size:14px;font-weight:700;color:var(--r-encre,#1d1b19);cursor:pointer;list-style:none}
.clb-ville-changer > summary::-webkit-details-marker{display:none}
.clb-ville-changer > summary::after{content:'▾';font-size:12px;opacity:.6}
.clb-ville-changer[open] > summary::after{content:'▴'}
.clb-ville-changer > summary:hover{border-color:var(--r-accent,#e31f24);color:var(--r-accent,#e31f24)}
.clb-ville-changer > summary:focus-visible{outline:2px solid var(--r-encre,#1d1b19);outline-offset:2px}
/* Le thème redéclare « display » sur les enfants : sans cette règle, les 19 villes
   restaient dans la mise en page alors que le volet était fermé. */
.clb-ville-changer:not([open]) .clb-ville-liste{display:none}
.clb-ville-liste{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-width:900px}
.clb-ville-lien{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;
  border:1px solid var(--r-trait,rgba(29,27,25,.14));border-radius:999px;background:#fff;
  font-size:14px;font-weight:600;color:var(--r-encre,#1d1b19);text-decoration:none}
.clb-ville-lien:hover{border-color:var(--r-encre,#1d1b19);text-decoration:none}
.clb-ville-lien:focus-visible{outline:2px solid var(--r-accent,#e31f24);outline-offset:2px}
.clb-ville-n{font-size:12px;font-weight:700;opacity:.7;font-variant-numeric:tabular-nums}

/* 1.1 (11/09/2026) : deux sources séparées sur la page — les SPECTACLES à venir, puis les LIEUX
   de la ville, tous, y compris ceux qui n'ont aucune date. */
.clb-ville-bloc{margin:0 0 34px}
.clb-ville-h2{margin:0 0 14px;font-size:clamp(19px,2.3vw,24px);line-height:1.15;letter-spacing:-.01em;
  color:var(--r-encre,#1d1b19);text-wrap:balance}
.clb-ville-vide{margin:0;padding:22px 24px;border:1px dashed var(--r-trait,rgba(29,27,25,.14));
  border-radius:16px;background:#fff;max-width:640px;font-size:16px;color:var(--r-doux,#6b635b)}
.clb-ville-lieux-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.clb-ville-lieu{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;
  border:1px solid var(--r-trait,rgba(29,27,25,.14));background:#fff}
.clb-ville-lieu-nom{font-size:16px;font-weight:800;color:var(--r-encre,#1d1b19);text-decoration:none}
.clb-ville-lieu-nom:hover{text-decoration:underline;text-underline-offset:.18em}
.clb-ville-lieu-nom:focus-visible{outline:2px solid var(--r-accent,#e31f24);outline-offset:2px}
.clb-ville-lieu-adresse{font-size:14px;color:var(--r-doux,#6b635b)}
.clb-ville-lieu-dates{font-size:13px;font-weight:700;color:var(--r-encre,#1d1b19);opacity:.78;font-variant-numeric:tabular-nums}

@media (max-width:639px){
  .clb-ville-changer,.clb-ville-changer > summary{width:100%;justify-content:center}
  .clb-ville-lien{flex:1 1 calc(50% - 8px);justify-content:center}
  .clb-ville-vide{padding:18px 16px}
}