/* ============================================================
   Surrey Tigers Field Hockey — Theme Override
   Brand palette: Orange #E87722 | Dark #1a1a1a | White #ffffff
   Overrides the default Purple Admin template colors.
   ============================================================ */

/* ── CSS Custom Properties ───────────────────────────────── */
:root {
  --bs-primary:       #E87722;
  --bs-primary-rgb:   232, 119, 34;
}

/* ── Navbar brand-wrapper background ─────────────────────── */
.navbar .navbar-brand-wrapper {
  background: #1a1a1a !important;
}

.navbar .navbar-brand-wrapper h3 {
  color: #ffffff !important;
  margin: 0;
}

/* Logo image inside navbar brand-wrapper */
.navbar .navbar-brand-wrapper .navbar-brand-logo {
  height: 48px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
}

/* ── Top navbar menu-wrapper (topbar) ────────────────────── */
.navbar .navbar-menu-wrapper {
  background: #ffffff;
  border-bottom: 3px solid #E87722;
}

/* ── Sidebar ─────────────────────────────────────────────── */
.sidebar {
  background: #1a1a1a !important;
}

.sidebar .nav .nav-item .nav-link {
  color: #cccccc !important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
  color: #aaaaaa !important;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow {
  color: #aaaaaa !important;
}

.sidebar .nav .nav-item .nav-link .menu-title {
  color: #cccccc !important;
}

/* Active nav item */
.sidebar .nav .nav-item.active {
  background: #2a2a2a !important;
  border-left: 3px solid #E87722;
}

.sidebar .nav .nav-item.active > .nav-link .menu-title {
  color: #E87722 !important;
}

.sidebar .nav .nav-item.active > .nav-link i {
  color: #E87722 !important;
}

/* Hover state */
.sidebar .nav .nav-item:hover {
  background: #252525 !important;
}

.sidebar .nav .nav-item:hover > .nav-link .menu-title {
  color: #f4a843 !important;
}

.sidebar .nav .nav-item:hover > .nav-link i.menu-icon {
  color: #f4a843 !important;
}

/* Profile section in sidebar */
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text p {
  color: #ffffff !important;
}

.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text span {
  color: #aaaaaa !important;
}

/* Sidebar category headings */
.sidebar .nav .nav-item.nav-category {
  color: #888888 !important;
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn-primary {
  background-color: #E87722 !important;
  border-color: #E87722 !important;
  color: #ffffff !important;
}

.btn-gradient-primary,
.btn-success {
  background: linear-gradient(to right, #f4a843, #E87722) !important;
  background-color: #E87722 !important;
  border-color: #E87722 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-gradient-primary:hover,
.btn-gradient-primary:focus,
.btn-gradient-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #C85E10 !important;
  background-image: none !important;
  border-color: #C85E10 !important;
  box-shadow: 0 0 0 0.2rem rgba(232, 119, 34, 0.4) !important;
}

.btn-outline-primary {
  color: #E87722 !important;
  border-color: #E87722 !important;
}

.btn-outline-success {
  color: #E87722 !important;
  border-color: #E87722 !important;
}

.btn-outline-primary:hover {
  background-color: #E87722 !important;
  color: #ffffff !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
  background-color: #E87722 !important;
  border-color: #E87722 !important;
  color: #ffffff !important;
}

/* ── Links & text-primary ────────────────────────────────── */
a,
.text-primary {
  color: #E87722 !important;
}

a:hover {
  color: #C85E10 !important;
}

/* ── Badges ──────────────────────────────────────────────── */
.badge-primary,
.badge.bg-primary {
  background-color: #E87722 !important;
  color: #ffffff !important;
}

/* ── Progress bars ───────────────────────────────────────── */
.progress-bar.bg-primary,
.progress-bar {
  background-color: #E87722 !important;
}

/* ── Form focus rings ────────────────────────────────────── */
.form-control:focus {
  border-color: #E87722 !important;
  box-shadow: 0 0 0 0.2rem rgba(232, 119, 34, 0.25) !important;
}

/* ── Card header accent ──────────────────────────────────── */
.card .card-header {
  border-bottom: 2px solid #E87722;
}

/* ── Page title / breadcrumb ─────────────────────────────── */
.page-header .page-title {
  color: #1a1a1a;
}

/* ── Gradient backgrounds (dashboard cards) ──────────────── */
.bg-gradient-primary {
  background: linear-gradient(to right, #f4a843, #E87722) !important;
}

/* ── Nav tabs & pills active ─────────────────────────────── */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  background-color: #E87722 !important;
  border-color: #E87722 !important;
  color: #ffffff !important;
}

/* ── Checkbox / radio accent ─────────────────────────────── */
.form-check-input:checked {
  background-color: #E87722 !important;
  border-color: #E87722 !important;
}

/* ── Pagination ──────────────────────────────────────────── */
.page-item.active .page-link {
  background-color: #E87722 !important;
  border-color: #E87722 !important;
  color: #ffffff !important;
}

.page-link {
  color: #E87722 !important;
}

/* ── Dropdown active item ────────────────────────────────── */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #E87722 !important;
  color: #ffffff !important;
}

/* ── Table striped / hover row ───────────────────────────── */
.table-hover tbody tr:hover {
  background-color: rgba(232, 119, 34, 0.06) !important;
}