/* ==========================================================================
   GoFeez — Habillage front public (inspiration startbootstrap-personal)
   Clair, aéré, une action à la fois. Référence exclusivement les tokens --g-* / --bs-*.
   ========================================================================== */

body { background-color: var(--g-white); }

/* --- Helpers de marque --------------------------------------------------- */
.gf-gradient-text {
  background: var(--g-gradient);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.gf-gradient-bar { height: 4px; border: 0; background: var(--g-gradient); opacity: 1; border-radius: var(--g-radius-pill); }
.btn-gradient {
  color: var(--g-white); background: var(--g-gradient); border: 0;
  font-weight: 700; border-radius: var(--g-radius-pill);
  padding-inline: 1.4rem; box-shadow: var(--g-shadow-sm);
}
.btn-gradient:hover, .btn-gradient:focus { color: var(--g-white); filter: saturate(1.08) brightness(1.04); box-shadow: var(--g-shadow); }
.btn-gradient:focus-visible { box-shadow: var(--g-focus-ring); }

/* --- Header / navbar global --------------------------------------------- */
.navbar.bg-light { background-color: var(--g-white) !important; border-bottom: 1px solid var(--g-line); box-shadow: var(--g-shadow-sm); }
.navbar .navbar-brand img { height: 42px; width: auto; }
.navbar .nav-link { color: var(--g-ink); font-weight: 600; padding: .5rem .75rem; border-radius: var(--g-radius-sm); }
.navbar .nav-link:hover, .navbar .nav-link:focus, .navbar .nav-link.show { background-color: var(--g-surface); color: var(--g-violet); }
.navbar .dropdown-menu { border-color: var(--g-line); border-radius: var(--g-radius); box-shadow: var(--g-shadow); }
.navbar .dropdown-item.active, .navbar .dropdown-item:active { background-color: var(--g-violet); color: var(--g-white); }
.navbar .dropdown-item:hover, .navbar .dropdown-item:focus { background-color: var(--g-violet-tint); color: var(--g-violet); }
.navbar .btn:focus-visible, .navbar .nav-link:focus-visible, .navbar .dropdown-item:focus-visible { box-shadow: var(--g-focus-ring); outline: 0; }

/* --- Finder « Trouve mon inscription » (dropdown Bootstrap, site-wide) --- */
.gf-finder-menu { min-width: 360px; max-width: 92vw; border-color: var(--g-line); border-radius: var(--g-radius); box-shadow: var(--g-shadow); }
.gf-finder-menu h6 { font-family: var(--g-font-title); color: var(--g-ink); }
.gf-finder-menu .form-control { border-color: var(--g-line); }
.gf-finder-menu .form-control:focus { border-color: var(--g-violet); box-shadow: var(--g-focus-ring); }
.gf-finder-menu .dropdown-item { border-radius: var(--g-radius-sm); }
.gf-finder-menu .dropdown-item:hover, .gf-finder-menu .dropdown-item:focus { background-color: var(--g-violet-tint); color: var(--g-violet); }

/* --- En-tête de page événement (public/event_base.html) ------------------ */
.gf-event-header { background-color: var(--g-white); border-bottom: 1px solid var(--g-line); position: relative; }
.gf-event-header::before { content: ""; display: block; height: 5px; background: var(--g-gradient); }
.gf-event-header h1 { font-family: var(--g-font-title); font-weight: 800; }
.gf-event-header .gf-event-logo { width: 120px; height: 120px; object-fit: contain; background: var(--g-white); border: 1px solid var(--g-line); border-radius: var(--g-radius); box-shadow: var(--g-shadow-sm); padding: .5rem; }
.gf-powered { background: var(--g-surface); border: 1px solid var(--g-line); border-radius: var(--g-radius); }

/* --- Sections & cartes publiques ----------------------------------------- */
.gf-surface { background-color: var(--g-surface); border: 1px solid var(--g-line); border-radius: var(--g-radius); }
.card { border-color: var(--g-line); border-radius: var(--g-radius); }
.list-group-item { border-color: var(--g-line); }
a { text-decoration-thickness: .08em; text-underline-offset: .15em; }

/* --- Pied de page --------------------------------------------------------- */
footer.bg-light { background-color: var(--g-surface) !important; border-top: 1px solid var(--g-line) !important; }
footer a { color: var(--g-slate); }
footer a:hover { color: var(--g-violet-bright); }