/* ============================================================
   Branford Around the Buoys — custom stylesheet
   Loaded on top of Bootstrap 5.
   ============================================================ */

/* ----------------------------------------------------------
   Brand colour: deep ocean navy
   ---------------------------------------------------------- */
:root {
  --bat-navy:   #1b3d6e;
  --bat-teal:   #0d8a8a;
  --bat-sand:   #f5f0e8;
}

/* ----------------------------------------------------------
   Navbar
   ---------------------------------------------------------- */
.site-nav {
  background-color: var(--bat-navy) !important;
}

/* ----------------------------------------------------------
   Hero section (public home page)
   ---------------------------------------------------------- */
.hero {
  background: linear-gradient(135deg, var(--bat-navy) 0%, #2a6496 100%);
  color: #fff;
  padding: 4rem 1rem;
}

.hero h1 {
  font-size: clamp(1.8rem, 5vw, 3rem);
  font-weight: 700;
}

/* ----------------------------------------------------------
   Cards
   ---------------------------------------------------------- */
.card {
  border: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}

.card-header {
  font-weight: 600;
}

/* ----------------------------------------------------------
   Section headings
   ---------------------------------------------------------- */
.section-heading {
  border-left: 4px solid var(--bat-navy);
  padding-left: .6rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

/* ----------------------------------------------------------
   Status badges (member approval)
   ---------------------------------------------------------- */
.badge-pending  { background-color: #ffc107; color: #000; }
.badge-approved { background-color: #198754; color: #fff; }
.badge-denied   { background-color: #dc3545; color: #fff; }
.bg-role-skipper { background-color: #0d6efd; color: #fff; }

/* ----------------------------------------------------------
   Admin action buttons — tighten spacing in tables
   ---------------------------------------------------------- */
.action-cell form,
.action-cell a {
  margin-right: .25rem;
}

/* ----------------------------------------------------------
   Footer
   ---------------------------------------------------------- */
footer {
  background-color: var(--bat-sand) !important;
}

/* ----------------------------------------------------------
   Responsive table wrapper
   ---------------------------------------------------------- */
.table-responsive {
  border-radius: .375rem;
  overflow: hidden;
}