/* ── Scouts NSW Raffle Platform — app.css ── */

:root {
  --purple:       #5B2D8E;
  --purple-light: #EDE7F6;
  --gold:         #F5A800;
  --gold-dark:    #7B5800;
  --dark-grey:    #424242;
}

/* Utilities */
.bg-purple      { background-color: var(--purple) !important; }
.bg-gold        { background-color: var(--gold)   !important; }
.text-purple    { color: var(--purple) !important; }
.text-gold      { color: var(--gold)   !important; }
.border-purple  { border-color: var(--purple) !important; }
.btn-xs         { padding: .15rem .4rem; font-size: .75rem; }

.btn-purple {
  background-color: var(--purple);
  border-color: var(--purple);
  color: #fff;
}
.btn-purple:hover, .btn-purple:focus {
  background-color: #4a2473;
  border-color: #4a2473;
  color: #fff;
}
.btn-outline-purple {
  color: var(--purple);
  border-color: var(--purple);
}
.btn-outline-purple:hover {
  background-color: var(--purple);
  color: #fff;
}

/* CFN Banner */
.cfn-banner {
  background: linear-gradient(90deg, var(--purple) 0%, #7b4fac 100%);
  color: #fff;
  font-size: .82rem;
  letter-spacing: .01em;
}
.cfn-banner .bi { color: var(--gold); }

/* Alert variant */
.alert-purple-soft {
  background-color: var(--purple-light);
  border-color: var(--purple);
  color: var(--dark-grey);
}

/* Navbar */
.navbar.bg-purple { background-color: var(--purple) !important; }

/* Admin sidebar */
.admin-body { background-color: #f8f9fa; }
.admin-sidebar {
  background-color: #fff;
  border-right: 1px solid #e0e0e0;
  min-height: calc(100vh - 56px);
}
.admin-sidebar .nav-link {
  color: var(--dark-grey);
  padding: .5rem .75rem;
  border-radius: .375rem;
  font-size: .9rem;
}
.admin-sidebar .nav-link:hover,
.admin-sidebar .nav-link.active { background: var(--purple-light); color: var(--purple); }
.admin-sidebar .nav-link .bi   { margin-right: .4rem; }

/* Cards */
.card { border-radius: .75rem; }

/* Ticket badges */
.badge.bg-purple { background-color: var(--purple) !important; }
.badge.bg-gold   { background-color: var(--gold)   !important; }

/* Progress bars */
.progress-bar.bg-purple { background-color: var(--purple) !important; }

/* Details/summary */
details summary { cursor: pointer; }
details summary:hover { color: var(--purple); }

/* Reservation countdown */
#countdown { font-size: 1.3rem; font-variant-numeric: tabular-nums; }

/* Square card container */
#card-container { min-height: 48px; }
#card-container iframe { border-radius: 4px; }

/* Responsive table */
@media (max-width: 576px) {
  .table-responsive { font-size: .8rem; }
}