/* ========================================
   Bootstrap 3 Theme Color Overrides
   Load this AFTER bootstrap.css
   Uses CSS Custom Properties from color-palette-template.css
   ======================================== */

/* Import color palette variables */
@import url('color-palette-template.css');

/* Fallback: Define variables here if color-palette-template.css is not loaded */
/*:root {
    --bs3-primary-base: #054261;
    --bs3-primary-hover: #043550;
    --bs3-primary-active: #032840;
    --bs3-primary-light: #e8f0f4;
    
    --bs3-success-base: #268d33;
    --bs3-success-hover: #1f7329;
    --bs3-success-active: #185920;
    
    --bs3-info-base: #1b7e97;
    --bs3-info-hover: #166579;
    --bs3-info-active: #114c5b;
    
    --bs3-warning-base: #f39c12;
    --bs3-warning-hover: #e08e0b;
    --bs3-warning-active: #c87f0a;
    
    --bs3-danger-base: #d87641;
    --bs3-danger-hover: #cf6129;
    --bs3-danger-active: #b65424;
    
    --bs3-text-primary: #054261;
    --bs3-text-muted: #777777;
    --bs3-border-color: #ddd;
    --bs3-bg-light: #f8f9fa;
}*/


/* Primary Color (Blue) */
.btn-primary,
.bg-primary,
.label-primary,
.badge-primary {
    background-color: var(--bs3-primary-base) !important;
    border-color: var(--bs3-primary-hover) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--bs3-primary-hover) !important;
    border-color: var(--bs3-primary-active) !important;
}

.text-primary {
    color: var(--bs3-primary-base) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--bs3-primary-hover) !important;
}


/* Success Color (Green) */
.btn-success,
.bg-success,
.label-success,
.alert-success,
.panel-success > .panel-heading {
    background-color: var(--bs3-success-base) !important;
    border-color: var(--bs3-success-hover) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--bs3-success-hover) !important;
    border-color: var(--bs3-success-active) !important;
}

.text-success {
    color: var(--bs3-success-base) !important;
}


/* Info Color (Aqua/Teal) */
.btn-info,
.bg-info,
.label-info,
.alert-info,
.panel-info > .panel-heading {
    background-color: var(--bs3-info-base) !important;
    border-color: var(--bs3-info-hover) !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: var(--bs3-info-hover) !important;
    border-color: var(--bs3-info-active) !important;
}

.text-info {
    color: var(--bs3-info-base) !important;
}


/* Warning Color (Orange) */
.btn-warning,
.bg-warning,
.label-warning,
.alert-warning,
.panel-warning > .panel-heading {
    background-color: var(--bs3-warning-base) !important;
    border-color: var(--bs3-warning-hover) !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: var(--bs3-warning-hover) !important;
    border-color: var(--bs3-warning-active) !important;
}

.text-warning {
    color: var(--bs3-warning-base) !important;
}


/* Danger Color (Red/Orange) */
.btn-danger,
.bg-danger,
.label-danger,
.alert-danger,
.panel-danger > .panel-heading {
    background-color: var(--bs3-danger-base) !important;
    border-color: var(--bs3-danger-hover) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: var(--bs3-danger-hover) !important;
    border-color: var(--bs3-danger-active) !important;
}

.text-danger {
    color: var(--bs3-danger-base) !important;
}


/* Panel Variants */
.panel-primary > .panel-heading {
    background-color: var(--bs3-primary-base) !important;
    border-color: var(--bs3-primary-hover) !important;
    color: #fff !important;
}

/* Navigation & Navbar */
.navbar-default {
    background-color: var(--bs3-bg-light) !important;
    border-color: #e7e7e7 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: var(--bs3-primary-base) !important;
    color: #fff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: var(--bs3-primary-base) !important;
}

/* Links */
a {
    color: var(--bs3-text-primary);
}

a:hover,
a:focus {
    color: var(--bs3-primary-hover);
}


/* Pagination */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    background-color: var(--bs3-primary-base) !important;
    border-color: var(--bs3-primary-base) !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: var(--bs3-primary-base) !important;
}

/* Progress Bars */
.progress-bar {
    background-color: var(--bs3-primary-base) !important;
}

.progress-bar-success {
    background-color: var(--bs3-success-base) !important;
}

.progress-bar-info {
    background-color: var(--bs3-info-base) !important;
}

.progress-bar-warning {
    background-color: var(--bs3-warning-base) !important;
}

.progress-bar-danger {
    background-color: var(--bs3-danger-base) !important;
}

/* List Groups */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: var(--bs3-primary-base) !important;
    border-color: var(--bs3-primary-base) !important;
}

/* Form Controls Focus */
.form-control:focus {
    border-color: var(--bs3-primary-base) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(5, 66, 97, 0.6) !important;
}

/* Dropdowns */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: var(--bs3-primary-base) !important;
}

/* Wells */
.well-primary {
    background-color: var(--bs3-primary-light) !important;
    border-color: var(--bs3-primary-base) !important;
}

/* Thumbnails */
.thumbnail {
    border-color: var(--bs3-border-color);
}

.thumbnail:hover,
.thumbnail:focus,
.thumbnail.active {
    border-color: var(--bs3-primary-base) !important;
}

/* Breadcrumbs */
.breadcrumb > .active {
    color: var(--bs3-primary-base) !important;
}


/* ========================================
   AdminLTE Specific Overrides
   ======================================== */

/* Skin adjustments - complement the skin-blue-light */
.skin-blue-light .main-header .navbar {
    background-color: var(--bs3-primary-base) !important;
}

.skin-blue-light .main-header .logo {
    background-color: var(--bs3-primary-hover) !important;
}

.skin-blue-light .main-header .logo:hover {
    background-color: var(--bs3-primary-active) !important;
}

/* Sidebar active items */
.skin-blue-light .sidebar-menu > li.active > a {
    border-left-color: var(--bs3-primary-base) !important;
}

.skin-blue-light .sidebar-menu > li > .treeview-menu {
    background: #f9f9f9 !important;
}

/* Box primary */
.box.box-primary {
    border-top-color: var(--bs3-primary-base) !important;
}

.box.box-primary > .box-header {
    color: #fff !important;
    background: var(--bs3-primary-base) !important;
}

/* Box success */
.box.box-success {
    border-top-color: var(--bs3-success-base) !important;
}

.box.box-success > .box-header {
    color: #fff !important;
    background: var(--bs3-success-base) !important;
}

/* Box info */
.box.box-info {
    border-top-color: var(--bs3-info-base) !important;
}

.box.box-info > .box-header {
    color: #fff !important;
    background: var(--bs3-info-base) !important;
}

/* Box warning */
.box.box-warning {
    border-top-color: var(--bs3-warning-base) !important;
}

.box.box-warning > .box-header {
    color: #fff !important;
    background: var(--bs3-warning-base) !important;
}

/* Box danger */
.box.box-danger {
    border-top-color: var(--bs3-danger-base) !important;
}

.box.box-danger > .box-header {
    color: #fff !important;
    background: var(--bs3-danger-base) !important;
}

.bg-dark{
    background: var(--bs3-bg-dark) !important;
}

.text-light {
    color: var(--bs3-primary-light) !important;
}

.bg-gradient {
    background: linear-gradient(45deg, var(--bs3-primary-base-linear-color1), var(--bs3-primary-base-linear-color2)) !important;
}

.box.box-primary > .box-header {
    background: var(--bs3-primary-base-linear-color1);
}