/* ==========================================================================
   SM GPS — brand overrides (colours sampled from the logo: orange + near-black)
   Loaded AFTER the template's style.css so it wins. A full re-theme via the
   template SCSS (scss/) is a later polish task; this covers the visible accents.
   ========================================================================== */
:root {
    --smgps-orange: #f47c20;
    --smgps-orange-dark: #d5651a;
    --smgps-orange-light: #ff9d4d;
    --smgps-black: #16181d;

    /* Bootstrap primary → orange */
    --bs-primary: #f47c20;
    --bs-primary-rgb: 244, 124, 32;
    --bs-link-color: #d5651a;
    --bs-link-color-rgb: 213, 101, 26;
    --bs-link-hover-color: #b5540f;
}

/* Buttons — override the template's hardcoded primary (it sets background-color
   directly, so we must too, not just the Bootstrap CSS vars). */
.btn-primary {
    --bs-btn-bg: var(--smgps-orange);
    --bs-btn-border-color: var(--smgps-orange);
    --bs-btn-hover-bg: var(--smgps-orange-dark);
    --bs-btn-hover-border-color: var(--smgps-orange-dark);
    --bs-btn-active-bg: var(--smgps-orange-dark);
    --bs-btn-active-border-color: var(--smgps-orange-dark);
    --bs-btn-disabled-bg: var(--smgps-orange);
    --bs-btn-disabled-border-color: var(--smgps-orange);
    background-color: var(--smgps-orange) !important;
    border-color: var(--smgps-orange) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--smgps-orange-dark) !important;
    border-color: var(--smgps-orange-dark) !important;
    color: #fff !important;
}
.btn-outline-primary {
    --bs-btn-color: var(--smgps-orange);
    --bs-btn-border-color: var(--smgps-orange);
    --bs-btn-hover-bg: var(--smgps-orange);
    --bs-btn-hover-border-color: var(--smgps-orange);
    --bs-btn-active-bg: var(--smgps-orange);
    --bs-btn-active-border-color: var(--smgps-orange);
}
.btn-liner-gradient,
.bg-primary-gradient {
    background-image: linear-gradient(90deg, var(--smgps-orange), var(--smgps-orange-light)) !important;
    border: 0;
    color: #fff;
}

/* Backgrounds / text / borders */
.bg-primary { background-color: var(--smgps-orange) !important; }
.text-primary { color: var(--smgps-orange) !important; }
.border-primary { border-color: var(--smgps-orange) !important; }
.text-bg-primary { background-color: var(--smgps-orange) !important; color: #fff !important; }
a { color: var(--smgps-orange-dark); }
a:hover { color: var(--smgps-orange); }

/* Badges & soft accents */
.badge.bg-primary { background-color: var(--smgps-orange) !important; }
.bg-soft-primary,
.badge.bg-soft-primary { background-color: rgba(244, 124, 32, 0.12) !important; color: var(--smgps-orange-dark) !important; }

/* Sidebar active state */
.sidebar .sidebar-menu ul li a.active,
.sidebar .sidebar-menu ul li a.active i,
.sidebar .sidebar-menu ul li a:hover { color: var(--smgps-orange) !important; }
.sidebar .sidebar-menu ul li a.active { background: rgba(244, 124, 32, 0.10); }

/* Forms focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--smgps-orange-light);
    box-shadow: 0 0 0 0.2rem rgba(244, 124, 32, 0.20);
}

/* Brand mark next to the wordmark in the topbar */
.smgps-brand { display: inline-flex; align-items: center; gap: .5rem; font-weight: 800; color: var(--smgps-black); }
.smgps-brand img { height: 34px; width: auto; }
.smgps-brand .brand-accent { color: var(--smgps-orange); }

/* Larger, more prominent logo on the public-facing pages */
.smgps-brand-lg img { height: 64px; }
.smgps-hero-logo { height: 96px; width: auto; }