/* Page « Le bar » (bar/bar.html) et mentions légales. La grille de photos
   (.bar-photos) sert aussi à l'aperçu de l'accueil sur écran large. */
.bar-intro { white-space:pre-line; margin:0; color:var(--ink-2); max-width:65ch; }
.bar-sec { margin-top:32px; }

.bar-hours { list-style:none; margin:0; padding:0; }
.bar-hours li {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 0; border-bottom:1px solid var(--rule);
  color:var(--ink-2); font-size:15px; font-variant-numeric:tabular-nums;
}
.bar-hours .bar-day { display:flex; align-items:center; gap:10px; font-size:16px; }
.bar-hours li.is-today { color:var(--ink); }
.bar-hours li.is-today .bar-day { font-weight:600; }
.bar-today {
  padding:3px 6px; border-radius:2px; background:var(--gold); color:var(--bg);
  font-size:10px; font-weight:500; letter-spacing:.1em; text-transform:uppercase;
}
.bar-hours .is-closed { color:var(--soft); }

.bar-photos {
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:1fr; gap:20px;
}
.bar-photos figure { margin:0; display:flex; flex-direction:column; gap:8px; }
.bar-photos img {
  width:100%; height:230px; object-fit:cover; border-radius:4px; display:block;
}
.bar-photos figcaption {
  font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--soft);
}

.bar-find { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.bar-find .eyebrow { margin-bottom:4px; }
.bar-address { margin:0; white-space:pre-line; font-weight:700; font-size:20px; line-height:1.35; }
.bar-contact { font-size:15px; padding:6px 0; }
.bar-map {
  align-self:stretch; margin-top:8px; border:1px solid var(--border); border-radius:4px;
  overflow:hidden; line-height:0;
}
.bar-map iframe { width:100%; height:220px; border:0; }
.bar-map-link { margin-top:8px; }
.bar-empty { color:var(--soft); }
.bar-legal { margin:32px 0 0; font-size:13px; }
.bar-legal a { color:var(--soft); display:inline-block; padding:6px 0; }

/* Mentions légales (bar/mentions_legales.html) */
.legal { max-width:760px; }
.legal p { color:var(--ink-2); }

@media (min-width:900px) {
  /* Horaires | Nous trouver côte à côte, les photos en pleine largeur dessous
     (dans le source, elles sont entre les deux : ordre de lecture mobile). */
  .bar-cols { display:grid; grid-template-columns:1fr 1fr; column-gap:64px; }
  .bar-gallery { grid-column:1 / -1; grid-row:2; }
  .bar-sec { margin-top:48px; }
  .bar-photos { grid-template-columns:repeat(auto-fit, minmax(340px, 1fr)); gap:16px; }
  .bar-photos img { height:420px; }
  .bar-photos figcaption { font-size:12px; color:var(--gold); }
  .bar-map iframe { height:280px; }
  /* Le pied de page porte déjà le lien sur écran large. */
  .bar-legal { display:none; }
}