/**
 * CityGas brand theme — overrides Bootstrap 5's default blue with the
 * CityGas orange. Written as direct class overrides rather than relying
 * on Bootstrap's CSS custom properties, since not every Bootstrap
 * component derives its color from --bs-primary consistently — this is
 * more verbose but predictable across every page that loads it.
 */

:root {
    --citygas-orange: #F5820C;
    --citygas-orange-dark: #D96D00;
    --citygas-orange-darker: #B85A00;
    --citygas-orange-light: #FFF4E6;
}

a {
    color: var(--citygas-orange-dark);
}
a:hover {
    color: var(--citygas-orange-darker);
}

.btn-primary {
    background-color: var(--citygas-orange) !important;
    border-color: var(--citygas-orange) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--citygas-orange-dark) !important;
    border-color: var(--citygas-orange-dark) !important;
}

.btn-outline-primary {
    color: var(--citygas-orange-dark) !important;
    border-color: var(--citygas-orange) !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: var(--citygas-orange) !important;
    border-color: var(--citygas-orange) !important;
    color: #fff !important;
}

.bg-primary {
    background-color: var(--citygas-orange) !important;
}

.text-primary {
    color: var(--citygas-orange-dark) !important;
}

.border-primary {
    border-color: var(--citygas-orange) !important;
}

.badge.bg-primary {
    background-color: var(--citygas-orange) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--citygas-orange) !important;
}

.navbar.bg-primary {
    background-color: var(--citygas-orange) !important;
}

.form-check-input:checked {
    background-color: var(--citygas-orange) !important;
    border-color: var(--citygas-orange) !important;
}
.form-check-input:focus {
    border-color: var(--citygas-orange) !important;
    box-shadow: 0 0 0 0.25rem rgba(245, 130, 12, 0.25) !important;
}

.form-control:focus, .form-select:focus {
    border-color: var(--citygas-orange) !important;
    box-shadow: 0 0 0 0.25rem rgba(245, 130, 12, 0.25) !important;
}

.spinner-border.text-primary {
    color: var(--citygas-orange) !important;
}

.card.border-primary {
    border-color: var(--citygas-orange) !important;
}

/* Admin/dispatch/driver sidebar active-link accent (dark sidebars keep their
   dark background but use orange for the active-state highlight). */
.sidebar a.active, .sidebar a:hover {
    background-color: var(--citygas-orange-darker) !important;
    color: #fff !important;
}