/* Page « Le bar » (bar/bar.html). */
.bar-title { text-align:center; margin:0 0 18px; }
.bar-sec { margin-top:30px; }
.bar-sec-title {
  font-size:.8rem; text-transform:uppercase; letter-spacing:.12em;
  color:var(--soft); margin:0 0 12px; font-weight:700;
}
.bar-intro { white-space:pre-line; margin:0; }

.bar-hours { list-style:none; margin:0; padding:0; }
.bar-hours li {
  display:flex; justify-content:space-between; gap:12px;
  padding:9px 2px; border-top:1px solid var(--border);
  font-variant-numeric:tabular-nums;
}
.bar-hours li:first-child { border-top:0; }
.bar-hours .bar-day { color:var(--soft); }
.bar-hours li.is-today {
  color:var(--gold); font-weight:700;
}
.bar-hours li.is-today .bar-day { color:var(--gold); }
.bar-hours .is-closed { color:var(--soft); font-weight:400; }

.bar-photos {
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
.bar-photos figure { margin:0; }
.bar-photos img {
  width:100%; aspect-ratio:1/1; object-fit:cover;
  border-radius:12px; border:1px solid var(--border); display:block;
}
.bar-photos figcaption {
  margin-top:5px; font-size:.8rem; color:var(--soft);
}

.bar-contact { margin:0; }
.bar-contact p { margin:6px 0; }
.bar-address { white-space:pre-line; }
.bar-map {
  margin-top:12px; border:1px solid var(--border); border-radius:12px;
  overflow:hidden; line-height:0;
}
.bar-map iframe { width:100%; height:220px; border:0; }
.bar-map-link { display:inline-block; margin-top:10px; font-size:.9rem; }
.bar-empty { color:var(--soft); }

.bar-legal { text-align:center; margin-top:34px; font-size:.75rem; }
.bar-legal a { color:var(--soft); }