/* ==========================================================================
   Bronzag'Expert Trégor — Pages locales /communes/
   Complète css/style.css (design system principal, chargé en premier).
   N'ajoute que ce qui manque : fil d'Ariane dans le hero, et quelques
   petits réglages propres aux pages "zone desservie". Palette et
   composants (nav, hero, card, media-card, grid, pricing, cta-band,
   footer…) sont ceux de css/style.css — aucune redéfinition ici.
   ========================================================================== */

/* Fil d'Ariane, posé en haut du hero (nav fixe transparente au-dessus) */
.hero .breadcrumb{
  font-size:.82rem;
  color:rgba(255,255,255,.72);
  margin:0 0 16px;
  position:relative;
  z-index:2;
}
.hero .breadcrumb a{color:rgba(255,255,255,.86);text-decoration:none}
.hero .breadcrumb a:hover{color:#fff;text-decoration:underline}
.hero .breadcrumb span[aria-hidden]{margin:0 7px;opacity:.6}

/* Variante claire du fil d'Ariane pour hero-minimal (fond brun uni, même traitement) */
.hero.hero-minimal .breadcrumb{color:rgba(255,255,255,.6)}

/* Grille "communes à proximité" et "hub des 18 communes" : réutilise .card,
   juste un peu plus compacte que la grille de tarifs. */
.commune-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.commune-links a{
  display:block;background:var(--white);border:1px solid var(--line);border-radius:14px;
  padding:14px 18px;font-weight:600;color:var(--forest);transition:transform .25s,box-shadow .25s,background .25s;
}
.commune-links a:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);background:var(--sagebg)}
.commune-links a span{display:block;font-weight:400;font-size:.8rem;color:var(--muted);margin-top:2px}
@media(max-width:720px){.commune-links{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.commune-links{grid-template-columns:1fr}}