/**
 * Theme Color Override - Blue to Orange
 * This file overrides Bootstrap and template colors to use orange palette
 */

:root {
    /* Orange color palette - matching app.css */
    --primary-orange: #FF6B00;
    --primary-orange-hover: #E56000;
    --primary-orange-light: #FFF7ED;
    --primary-orange-dark: #CC5600;

    /* Override Bootstrap primary colors */
    --bs-primary: #FF6B00;
    --bs-primary-rgb: 255, 107, 0;
    --bs-link-color: #FF6B00;
    --bs-link-hover-color: #E56000;

    /* Override template primary color */
    --primary-color: #FF6B00;
}

/* Bootstrap button primary */
.btn-primary {
    background-color: #FF6B00 !important;
    border-color: #FF6B00 !important;
}

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

/* Bootstrap backgrounds */
.bg-primary {
    background-color: rgba(255, 107, 0, var(--bs-bg-opacity, 1)) !important;
}

.text-primary {
    color: #FF6B00 !important;
}


.text-bg-primary {
    color: #fff !important;
    background-color: rgba(255, 107, 0, var(--bs-bg-opacity, 1)) !important;
}

/* Border colors */
.border-primary {
    border-color: #FF6B00 !important;
}

/* Link colors */
a {
    color: #FF6B00;
}

a:hover {
    color: #E56000;
}

/* Bootstrap alerts */
.alert-primary {
    background-color: #FFF7ED !important;
    border-color: #FFDFC4 !important;
    color: #CC5600 !important;
}

/* Bootstrap badges */
.badge.bg-primary {
    background-color: #FF6B00 !important;
}

/* Bootstrap nav and pagination */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #FF6B00 !important;
}

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

.page-link {
    color: #FF6B00;
}

.page-link:hover {
    color: #E56000;
}

/* Bootstrap progress bar */
.progress-bar {
    background-color: #FF6B00 !important;
}

/* Bootstrap forms - focus states */
.form-control:focus,
.form-select:focus {
    border-color: #FF6B00 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 107, 0, 0.25) !important;
}

.form-check-input:checked {
    background-color: #FF6B00 !important;
    border-color: #FF6B00 !important;
}

/* Template-specific overrides */
.cmn-btn {
    background-color: #FF6B00 !important;
}

.cmn-btn:hover {
    background-color: #E56000 !important;
}

/* Active states and highlights */
.active,
.nav-icon.active {
    color: #FF6B00 !important;
}

/* Table primary */
.table-primary {
    --bs-table-bg: #FFF7ED;
    --bs-table-border-color: #FFDFC4;
    --bs-table-color: #CC5600;
}

/* Dropdown active */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #FF6B00 !important;
}

/* List group active */
.list-group-item.active {
    background-color: #FF6B00 !important;
    border-color: #FF6B00 !important;
}

/* Toast notifications */
.toast-primary {
    background-color: #FF6B00 !important;
}

/* Modal primary buttons */
.modal-header {
    border-bottom-color: #FFDFC4 !important;
}

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

/* Accordion */
.accordion-button:not(.collapsed) {
    background-color: #FFF7ED !important;
    color: #CC5600 !important;
}

/* Spinner */
.spinner-border.text-primary {
    color: #FF6B00 !important;
}

/* Offcanvas */
.offcanvas-header {
    border-bottom-color: #FFDFC4 !important;
}

/* Tooltips and popovers */
.tooltip-inner {
    background-color: #FF6B00 !important;
}

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

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

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

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