/* --- Charte Soggy Bottom -------------------------------------------------
   Univers de couleurs officiel : vert profond #243B20, crème #FEF6E5,
   or #B78C3F. Le site garde une ambiance sombre « pub » : fond vert,
   encre crème, or en accent. Typo : Bright Peony (titres, dans
   core/static/core/fonts/) sur repli Quicksand ; Quicksand pour le corps.

   Feuille globale, chargée une fois par base.html. Les styles propres à un
   écran vivent dans apps/<app>/static/<app>/<app>.css. */
:root {
  --brand-green:#243b20; --brand-cream:#fef6e5; --brand-gold:#b78c3f;

  --bg:#16240f; --card:#243b20; --ink:#fef6e5; --soft:#aeb8a0;
  --green:#4fa877; --red:#d98b7f; --gold:#b78c3f; --border:#3c5a34;
  --tier-common:#aeb8a0; --tier-rare:#4fa877; --tier-epic:#a68fe0; --tier-legendary:#e0b45c;

  --font-body:"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-display:"Bright Peony",var(--font-body);
}
@font-face {
  font-family:"Bright Peony"; font-display:swap;
  src:url("fonts/Bright-Peony.a4171a90f105.otf") format("opentype");
}
* { box-sizing:border-box; }
body {
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.6 var(--font-body);
}
.wrap { max-width:430px; margin:0 auto; padding:28px 20px 44px; }
body:has(.bottom-nav) .wrap { padding-bottom:104px; }
a { color:var(--gold); }
.vh {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* --- Navigation basse persistante (écrans « au bar ») ------------------ */
.bottom-nav {
  position:fixed; left:0; right:0; bottom:0; z-index:40;
  display:flex; gap:6px; max-width:430px; margin:0 auto;
  background:#0f1a0a; border-top:1px solid var(--border);
  padding:10px 10px calc(14px + env(safe-area-inset-bottom));
}
.bottom-nav .nav-item {
  flex:1; display:flex; flex-direction:column; align-items:center; gap:4px;
  text-decoration:none; color:var(--ink); opacity:.55;
  font:600 10px var(--font-body); letter-spacing:.08em; text-transform:uppercase;
}
.bottom-nav .nav-item.is-active { color:var(--gold); opacity:1; }
.bottom-nav .nav-ico { font-size:1.15rem; line-height:1; }

/* --- Bandeau Happy Hour (core/_hh_badge.html — accueil + carte) -------- */
.hh-badge {
  margin:14px 0; padding:16px 18px; border-radius:16px;
  background:var(--card); border:1px solid var(--border); font-size:.95rem;
}
.hh-badge.hh-on { border-color:var(--green); }
.hh-badge.hh-on strong { color:var(--green); }
.hh-badge.hh-on .hh-until { color:var(--soft); }
.hh-badge.hh-off { color:var(--soft); }
.site-brand { display:block; text-align:center; line-height:0; margin:0 0 22px; }
.site-brand img { width:124px; height:124px; }
@media (max-width:400px) { .site-brand img { width:100px; height:100px; } }
/* Réseaux sociaux du bar — pastilles or sous le logo (cf. bar/_social.html) */
.site-social {
  display:flex; justify-content:center; gap:12px;
  list-style:none; margin:-10px 0 24px; padding:0;
}
.site-social a {
  display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%;
  background:var(--gold); color:var(--brand-green);
  box-shadow:0 1px 3px rgba(0,0,0,.3);
  transition:transform .12s ease, background .12s ease;
}
.site-social a:hover, .site-social a:focus-visible {
  transform:translateY(-2px); background:#cf9f4a;
}
.site-social a:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.site-social svg { width:18px; height:18px; fill:currentColor; display:block; }
@media (prefers-reduced-motion:reduce) { .site-social a { transition:none; } }
/* Bright Peony sur les vrais titres ; les petits intertitres capitales
   (menu, agenda…) restent en Quicksand, plus lisibles. */
h1, .display { font-family:var(--font-display); font-weight:400; }
h1 { font-size:1.7rem; margin:0 0 14px; letter-spacing:0; }
.card {
  background:var(--card); border:1px solid var(--border);
  border-radius:14px; padding:18px 20px; margin:12px 0;
}
.card p { margin:6px 0; }
.muted { color:var(--soft); }
#rt-log { list-style:none; padding:0; margin:8px 0 0; font-size:.8rem; }
#rt-log li { padding:2px 0; border-top:1px solid var(--border); }