/* Virtual AeroMed — crew.virtualaeromed.com skin override
   Extends Disposable_v3. Brand palette matches public site. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;950&display=swap');

:root {
  --bs-primary: #0629b7;
  --bs-primary-rgb: 6, 41, 183;
  --bs-body-font-family: 'Inter', Arial, Helvetica, sans-serif;
  --vam-navy: #05142d;
  --vam-navy2: #0b2349;
  --vam-blue: #0629b7;
  --vam-yellow: #ffd500;
}

body {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
}

/* ---------- Navbar ---------- */
.navbar,
nav.navbar {
  background-color: var(--vam-navy) !important;
  background-image: none !important;
}
.navbar .navbar-brand,
.navbar-brand {
  color: #fff !important;
  font-weight: 950;
}
.navbar .nav-link,
.navbar a {
  color: rgba(255,255,255,.85) !important;
  font-weight: 800;
}
.navbar .nav-link:hover,
.navbar a:hover {
  color: var(--vam-yellow) !important;
}
.navbar .dropdown-menu {
  background-color: var(--vam-navy2);
  border: 1px solid rgba(255,255,255,.12);
}
.navbar .dropdown-item {
  color: rgba(255,255,255,.85);
}
.navbar .dropdown-item:hover {
  background-color: rgba(255,255,255,.08);
  color: var(--vam-yellow);
}

/* ---------- Card headers ---------- */
.card-header,
.card-header.bg-primary {
  background-color: var(--vam-navy) !important;
  border-bottom: 2px solid var(--vam-yellow) !important;
  color: #fff !important;
  font-weight: 800;
}

/* ---------- Buttons ---------- */
.btn-primary {
  background-color: var(--vam-blue) !important;
  border-color: var(--vam-blue) !important;
}
.btn-primary:hover {
  background-color: #041f8c !important;
  border-color: #041f8c !important;
}
.btn-info {
  background-color: var(--vam-blue) !important;
  border-color: var(--vam-blue) !important;
  color: #fff !important;
}
.btn-info:hover {
  background-color: #041f8c !important;
  border-color: #041f8c !important;
}
.btn-success {
  background-color: var(--vam-yellow) !important;
  border-color: var(--vam-yellow) !important;
  color: var(--vam-navy) !important;
  font-weight: 800;
}
.btn-success:hover {
  background-color: #e6c000 !important;
  border-color: #e6c000 !important;
}

/* ---------- Dropdown menus (Bootstrap 5.1.3 - no CSS var support) ---------- */
.dropdown-menu {
  background-color: var(--vam-navy2) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.dropdown-item {
  color: rgba(255,255,255,.85) !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(255,255,255,.08) !important;
  color: var(--vam-yellow) !important;
}
/* ---------- Forms ---------- */
.form-control,
.form-select {
  border-color: rgba(5,20,45,.18);
}
.form-control:focus,
.form-select:focus {
  border-color: var(--vam-blue);
  box-shadow: 0 0 0 .2rem rgba(6,41,183,.18);
}
.form-label,
label {
  font-weight: 600;
  color: var(--vam-navy);
}

/* ---------- Select2 (used for airport/aircraft pickers) ---------- */
.select2-container--default .select2-selection--single {
  border-color: rgba(5,20,45,.18);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--vam-blue);
}
.select2-dropdown {
  border-color: rgba(5,20,45,.18);
}

/* ---------- Badges ---------- */
.badge.bg-primary { background-color: var(--vam-blue) !important; }
.badge.bg-success { background-color: var(--vam-yellow) !important; color: var(--vam-navy) !important; }
.badge.bg-info { background-color: var(--vam-blue) !important; }
.badge.bg-secondary { background-color: var(--vam-navy2) !important; }

/* ---------- Alerts ---------- */
.alert-primary {
  background-color: rgba(6,41,183,.08);
  border-color: rgba(6,41,183,.25);
  color: var(--vam-navy);
}
.alert-success {
  background-color: rgba(255,213,0,.14);
  border-color: rgba(255,213,0,.4);
  color: #6b5900;
}

/* ---------- Pagination ---------- */
.page-link {
  color: var(--vam-blue);
}
.page-item.active .page-link {
  background-color: var(--vam-blue) !important;
  border-color: var(--vam-blue) !important;
}
.page-link:hover {
  color: #041f8c;
}

/* ---------- Tabs ---------- */
.nav-tabs .nav-link.active {
  color: var(--vam-blue);
  border-bottom: 2px solid var(--vam-blue);
  font-weight: 800;
}
.nav-tabs .nav-link:hover {
  color: var(--vam-blue);
}

/* ---------- Modals ---------- */
.modal-header {
  background-color: var(--vam-navy);
  color: #fff;
  border-bottom: 2px solid var(--vam-yellow);
}
.modal-header .btn-close {
  filter: invert(1);
}
/* ---------- Dashboard hero ---------- */
.vam-dash-hero,
.vam-home-hero {
  background: linear-gradient(120deg, var(--vam-navy) 0%, var(--vam-navy2) 100%);
  border-radius: 16px;
  padding: 34px 32px;
  color: #fff;
  box-shadow: 0 12px 30px rgba(5,20,45,.25);
}
.vam-kicker {
  color: var(--vam-yellow);
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vam-dash-title,
.vam-home-title {
  margin: 10px 0 4px;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.1;
}
.vam-home-title span {
  color: var(--vam-yellow);
}
.vam-dash-sub,
.vam-home-sub {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: .92rem;
}

/* ---------- Dashboard stat cards ---------- */
.vam-stat-card {
  background: rgba(5,20,45,.04) !important;
  border-top: 3px solid var(--vam-yellow) !important;
  border-radius: 8px;
  padding: 6px 4px;
}