/* ============================================
   BOOTSTRAP COLOR OVERRIDES
   Green March Theme - Custom Colors
   ============================================ */

/* ============================================
   PRIMARY COLOR - Green March Green
   ============================================ */

/* Text Primary - Change to Green March Green */
.text-primary {
    color: #006233 !important; /* Royal Green */
}

/* Background Primary */
.bg-primary {
    background-color: #006233 !important;
}

/* Border Primary */
.border-primary {
    border-color: #006233 !important;
}

/* Button Primary */
.btn-primary {
    background-color: #006233 !important;
    border-color: #006233 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #004d28 !important;
    border-color: #004d28 !important;
}

/* Button Outline Primary */
.btn-outline-primary {
    color: #006233 !important;
    border-color: #006233 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #006233 !important;
    border-color: #006233 !important;
    color: #ffffff !important;
}

/* Links */
a.text-primary:hover,
a.text-primary:focus {
    color: #004d28 !important;
}

/* Badges */
.badge-primary,
.badge.bg-primary {
    background-color: #006233 !important;
}

/* Alerts */
.alert-primary {
    background-color: rgba(0, 98, 51, 0.1) !important;
    border-color: #006233 !important;
    color: #004d28 !important;
}

/* Progress Bars */
.progress-bar {
    background-color: #006233 !important;
}

/* List Group Items */
.list-group-item-primary {
    background-color: rgba(0, 98, 51, 0.1) !important;
    color: #004d28 !important;
}

/* Table */
.table-primary {
    background-color: rgba(0, 98, 51, 0.1) !important;
}

/* ============================================
   ALTERNATIVE: Use Red Instead
   Uncomment this section if you prefer red
   ============================================ */

/*
.text-primary {
    color: #C1272D !important; 
}

.bg-primary {
    background-color: #C1272D !important;
}

.border-primary {
    border-color: #C1272D !important;
}

.btn-primary {
    background-color: #C1272D !important;
    border-color: #C1272D !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #a01f24 !important;
    border-color: #a01f24 !important;
}

.btn-outline-primary {
    color: #C1272D !important;
    border-color: #C1272D !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #C1272D !important;
    border-color: #C1272D !important;
    color: #ffffff !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #a01f24 !important;
}

.badge-primary,
.badge.bg-primary {
    background-color: #C1272D !important;
}

.alert-primary {
    background-color: rgba(193, 39, 45, 0.1) !important;
    border-color: #C1272D !important;
    color: #a01f24 !important;
}

.progress-bar {
    background-color: #C1272D !important;
}

.list-group-item-primary {
    background-color: rgba(193, 39, 45, 0.1) !important;
    color: #a01f24 !important;
}

.table-primary {
    background-color: rgba(193, 39, 45, 0.1) !important;
}
*/

/* ============================================
   LINKS - General Link Colors
   ============================================ */

/* Default Links - Green March Green */
a {
    color: #006233;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #004d28;
    text-decoration: underline;
}

/* ============================================
   SECONDARY COLOR - Gold
   ============================================ */

.text-secondary {
    color: #D4AF37 !important;
}

.bg-secondary {
    background-color: #D4AF37 !important;
}

.btn-secondary {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #006233 !important;
}

.btn-secondary:hover {
    background-color: #C9A227 !important;
    border-color: #C9A227 !important;
}

/* ============================================
   SUCCESS COLOR - Lighter Green
   ============================================ */

.text-success {
    color: #1B5E3F !important;
}

.bg-success {
    background-color: #1B5E3F !important;
}

.btn-success {
    background-color: #1B5E3F !important;
    border-color: #1B5E3F !important;
}

.btn-success:hover {
    background-color: #0F3D28 !important;
}

/* ============================================
   DANGER COLOR - Red
   ============================================ */

.text-danger {
    color: #C1272D !important;
}

.bg-danger {
    background-color: #C1272D !important;
}

.btn-danger {
    background-color: #C1272D !important;
    border-color: #C1272D !important;
}

.btn-danger:hover {
    background-color: #a01f24 !important;
}

/* ============================================
   INFO COLOR - Light Blue (keep or change)
   ============================================ */

/* Uncomment to change info color to match theme */
/*
.text-info {
    color: #2A7A52 !important;
}

.bg-info {
    background-color: #2A7A52 !important;
}
*/

/* ============================================
   WARNING COLOR - Gold/Yellow
   ============================================ */

.text-warning {
    color: #D4AF37 !important;
}

.bg-warning {
    background-color: #F4E5B0 !important;
    color: #006233 !important;
}

.btn-warning {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #006233 !important;
}

.btn-warning:hover {
    background-color: #C9A227 !important;
}

/* ============================================
   FORM CONTROLS
   ============================================ */

/* Focus States - Green March Green */
.form-control:focus,
.form-select:focus {
    border-color: #006233 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 98, 51, 0.25) !important;
}

/* Check & Radio Buttons */
.form-check-input:checked {
    background-color: #006233 !important;
    border-color: #006233 !important;
}

.form-check-input:focus {
    border-color: #006233 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 98, 51, 0.25) !important;
}

/* ============================================
   NAVIGATION
   ============================================ */

/* Nav Pills Active */
.nav-pills .nav-link.active {
    background-color: #006233 !important;
}

/* Nav Tabs Active */
.nav-tabs .nav-link.active {
    color: #006233 !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6 !important;
    color: #006233 !important;
}

/* Navbar Brand */
.navbar-brand {
    color: #006233 !important;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: #004d28 !important;
}

/* ============================================
   PAGINATION
   ============================================ */

.page-link {
    color: #006233 !important;
}

.page-link:hover,
.page-link:focus {
    color: #004d28 !important;
    background-color: #f8f9fa !important;
    border-color: #006233 !important;
}

.page-item.active .page-link {
    background-color: #006233 !important;
    border-color: #006233 !important;
    color: #ffffff !important;
}

/* ============================================
   ACCORDION
   ============================================ */

.accordion-button:not(.collapsed) {
    color: #006233 !important;
    background-color: rgba(0, 98, 51, 0.1) !important;
}

.accordion-button:focus {
    border-color: #006233 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 98, 51, 0.25) !important;
}

/* ============================================
   DROPDOWN
   ============================================ */

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(0, 98, 51, 0.1) !important;
    color: #006233 !important;
}

.dropdown-item.active {
    background-color: #006233 !important;
    color: #ffffff !important;
}

/* ============================================
   TOOLTIPS & POPOVERS
   ============================================ */

.tooltip-inner {
    background-color: #006233 !important;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #006233 !important;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: #006233 !important;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #006233 !important;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #006233 !important;
}

/* ============================================
   SPINNERS
   ============================================ */

.spinner-border {
    border-color: currentColor;
    border-right-color: transparent !important;
}

.spinner-border.text-primary {
    border-color: #006233 !important;
    border-right-color: transparent !important;
}

/* ============================================
   CARDS
   ============================================ */

.card-header.bg-primary {
    background-color: #006233 !important;
    color: #ffffff !important;
}

.card-footer.bg-primary {
    background-color: #006233 !important;
    color: #ffffff !important;
}

/* ============================================
   MODALS
   ============================================ */

.modal-header.bg-primary {
    background-color: #006233 !important;
    color: #ffffff !important;
}

/* ============================================
   OFFCANVAS
   ============================================ */

.offcanvas-header.bg-primary {
    background-color: #006233 !important;
    color: #ffffff !important;
}

/* ============================================
   TOASTS
   ============================================ */

.toast-header.bg-primary {
    background-color: #006233 !important;
    color: #ffffff !important;
}

/* ============================================
   CSS CUSTOM PROPERTIES (Bootstrap 5.3+)
   ============================================ */

:root {
    /* Primary Color */
    --bs-primary: #006233;
    --bs-primary-rgb: 0, 98, 51;
    
    /* Secondary Color */
    --bs-secondary: #D4AF37;
    --bs-secondary-rgb: 212, 175, 55;
    
    /* Success Color */
    --bs-success: #1B5E3F;
    --bs-success-rgb: 27, 94, 63;
    
    /* Danger Color */
    --bs-danger: #C1272D;
    --bs-danger-rgb: 193, 39, 45;
    
    /* Warning Color */
    --bs-warning: #D4AF37;
    --bs-warning-rgb: 212, 175, 55;
    
    /* Link Color */
    --bs-link-color: #006233;
    --bs-link-hover-color: #004d28;
}

/* ============================================
   NOTES ON USAGE
   ============================================ */

/*
   This file overrides Bootstrap's default blue primary color
   with Green March royal green (#006233).

   OPTIONS:
   1. Keep green (default) - Uncomment first section
   2. Use red instead - Uncomment red section
   3. Mix both - Use green for text, red for buttons (custom)

   LOAD ORDER:
   Make sure to load this file AFTER Bootstrap CSS:
   
   <link rel="stylesheet" href="bootstrap.css">
   <link rel="stylesheet" href="bootstrap-green-march-override.css">

   COLOR CODES:
   - Royal Green: #006233
   - Green Hover: #004d28
   - Red Primary: #C1272D
   - Red Hover: #a01f24
   - Gold: #D4AF37
*/