/* ------------------------------------------------------------------
   Brand colour overrides.
   The primary red is driven by the --brand-primary CSS variable, set
   per-request in App.razor from IBrandingService (DB-ready). This file
   re-points the template's customized Bootstrap 5.0 — which baked the
   OLD red (#B22222) in as literals — onto the live brand colour.
   Loaded AFTER css/style.css so these win.
   ------------------------------------------------------------------ */

.bg-primary { background-color: var(--brand-primary) !important; }
.text-primary { color: var(--brand-primary) !important; }
.border-primary { border-color: var(--brand-primary) !important; }

.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
    filter: brightness(0.92);
}

.btn-outline-primary {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}
.btn-outline-primary:hover {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}

/* ------------------------------------------------------------------
   "Corporate Steel" secondary accent = navy (replaces the template's teal).
   Overrides the customized Bootstrap 5.0 secondary + any --secondary usage.
   The old green "Years" stat (bg-success) becomes Citadel Grey so the palette
   is red (primary) / navy (secondary) / grey — no teal, no green.
   ------------------------------------------------------------------ */
:root {
    --secondary: #2C4A6E;
    --bs-secondary: #2C4A6E;
    --bs-secondary-rgb: 44, 74, 110;
}
.text-secondary { color: #2C4A6E !important; }
.bg-secondary { background-color: #2C4A6E !important; }
.btn-secondary {
    background-color: #2C4A6E;
    border-color: #2C4A6E;
    color: #fff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary:disabled,
.btn-secondary.disabled {
    background-color: #2C4A6E;
    border-color: #2C4A6E;
    color: #fff;
    filter: brightness(0.92);
}
/* "Years of Experience" box (was Bootstrap success green). */
.bg-success { background-color: #53565A !important; }

/* Footer: logo auto-centered in the left space; the content blocks (Address,
   Hours, Quick Links, Map) are evenly spaced. */
.footer-pad { padding-left: 100px; padding-right: 100px; }
.footer-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 68px;
}
.footer-logo-zone {          /* grows to fill the left space; centers the logo */
    flex: 1 1 220px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.footer-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 68px;
}
.footer-content > .footer-item { flex: 0 0 auto; }
.footer-map-item { width: 530px; max-width: 100%; }
@media (max-width: 991.98px) {
    .footer-pad { padding-left: 24px; padding-right: 24px; }
    .footer-logo-zone { flex-basis: 100%; }
    .footer-map-item { width: 100%; }
}

/* Header logo sizing (60th-anniversary horizontal lockup). */
.navbar-brand .brand-logo {
    height: 55px;
    width: auto;
    max-width: 100%;
}
@media (max-width: 575.98px) {
    .navbar-brand .brand-logo { height: 42px; }
}