﻿/* ===============================
   CUSTOM BOOTSTRAP THEME OVERRIDES
   =============================== */

/* Root color overrides */
:root {
    /* Brand colors */
    --bs-primary: #0088ce;
    --bs-primary-rgb: 0, 136, 206;
    --bs-warning: #f59e0b;
    --bs-warning-rgb: 245, 158, 11;
    --fc-dark-blue: #003c5b;
    /* Subtle brand backgrounds */
    --fc-subtle-blue: #c3dcf8;
    --fc-subtle-grey: #f7f7f7;
    /* ---------- Primary Subtle Palette ---------- */
    --bs-primary-bg-subtle: rgba(0, 136, 206, 0.15);
    --bs-primary-border-subtle: rgba(0, 136, 206, 0.3);
    --bs-primary-text-emphasis: #005a85; /* darker tone for contrast */
    /* ---------- Warning Subtle Palette ---------- */
    --bs-warning-bg-subtle: rgba(245, 158, 11, 0.15);
    --bs-warning-border-subtle: rgba(245, 158, 11, 0.35);
    --bs-warning-text-emphasis: #a56700;
    /* ---------- Background tones ---------- */
    --bs-body-bg: #ffffff; /* keep standard */
    --bs-body-color: #212529;
    /* Optional: link colors */
    --bs-link-color: #0088ce;
    --bs-link-hover-color: #006fa8;
}

/* ===============================
   COMPONENT-SPECIFIC ENHANCEMENTS
   =============================== */

/* ----- Buttons ----- */
.btn-primary {
    --bs-btn-bg: #0088ce;
    --bs-btn-border-color: #0088ce;
    --bs-btn-hover-bg: #007ab9;
    --bs-btn-hover-border-color: #0070ac;
    --bs-btn-active-bg: #00699e;
    --bs-btn-active-border-color: #006090;
    --bs-btn-disabled-bg: #7fbddd;
    --bs-btn-disabled-border-color: #7fbddd;
}

.btn-warning {
    --bs-btn-bg: #f59e0b;
    --bs-btn-border-color: #f59e0b;
    --bs-btn-hover-bg: #df8e09;
    --bs-btn-hover-border-color: #c98108;
    --bs-btn-active-bg: #b67807;
    --bs-btn-active-border-color: #a36b06;
    --bs-btn-disabled-bg: #f8c97a;
    --bs-btn-disabled-border-color: #f8c97a;
}

/* ----- Alerts ----- */
.alert-primary {
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-color: var(--bs-primary-text-emphasis);
}

.alert-warning {
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-color: var(--bs-warning-text-emphasis);
}

/* ----- Badges ----- */
.badge.bg-primary {
    background-color: var(--bs-primary) !important;
}

.badge.bg-warning {
    background-color: var(--bs-warning) !important;
    color: #000 !important;
}

/* ----- List group active ----- */
.list-group-item.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* ----- Progress bar ----- */
.progress-bar {
    background-color: var(--bs-primary);
}

/* ----- Form controls focus ----- */
.form-control:focus {
    border-color: rgba(0, 136, 206, .4);
    box-shadow: 0 0 0 0.25rem rgba(0, 136, 206, .25);
}

/* ----- Pagination ----- */
.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.page-link:hover {
    color: #006fa8;
}

/* ===============================
   CUSTOM UTILITIES
   =============================== */

/* Subtle background helpers */

.bg-dark-blue {
    background-color: var(--fc-dark-blue) !important;
}

.bg-subtle-blue {
    background-color: var(--fc-subtle-blue) !important;
}

.bg-subtle-grey {
    background-color: var(--fc-subtle-grey) !important;
}

/* Emphasis text helpers */
.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important;
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important;
}

/* Borders */
.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important;
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important;
}

/* Card headers with subtle backgrounds */
.card-header.bg-subtle-blue {
    background-color: var(--fc-subtle-blue);
}

.card-header.bg-subtle-grey {
    background-color: var(--fc-subtle-grey);
}

/* Footer helper */
.footer-subtle {
    background-color: var(--fc-subtle-grey);
    color: #444;
}
