:root {
    --line-color: #d9d9d9;
    --dot-color: #ffa104;
}

body {
    background-color: #f5f5f5 !important;
}

footer {
    background-color: #ebebeb !important;
    /* background-image: url("/assets/user/img/footer-bg-1.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
}

footer .footer-bottom {
    background-color: #e0e0e0 !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ffa104;
    --bs-btn-border-color: #ffa104;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e6a300;
    --bs-btn-hover-border-color: #cc9200;
    --bs-btn-focus-shadow-rgb: 255, 180, 1;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc9200;
    --bs-btn-active-border-color: #b37f00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffa104;
    --bs-btn-disabled-border-color: #ffa104;
}

.btn.btn-primary {
    background-color: #ffa104;
    border: 1px solid #ffa104;
    color: #fff;
}

/* Override Bootstrap color scheme to harmonize with #FFA104 */
:root,
[data-bs-theme="light"] {
    /* Base named colors - keeping essential ones, adjusting others */
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffa104; /* Changed to match primary */
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;

    /* Semantic colors - adapting to #FFA104 theme */
    --bs-primary: #ffa104;
    --bs-primary-rgb: 255, 180, 1;
    --bs-primary-text-emphasis: #664d03;

    --bs-secondary: #7a6030; /* Darker golden-brown */
    --bs-secondary-rgb: 122, 96, 48;
    --bs-secondary-text-emphasis: #4a3a1e;

    --bs-success: #198754; /* Keep green for success */
    --bs-success-rgb: 25, 135, 84;
    --bs-success-text-emphasis: #0f5132;

    --bs-info: #0dcaf0; /* Keep cyan for info */
    --bs-info-rgb: 13, 202, 240;
    --bs-info-text-emphasis: #055160;

    --bs-warning: #ffa104; /* Changed to match primary */
    --bs-warning-rgb: 255, 180, 1;
    --bs-warning-text-emphasis: #664d03;

    --bs-danger: #dc3545; /* Keep red for danger */
    --bs-danger-rgb: 220, 53, 69;
    --bs-danger-text-emphasis: #58151c;

    --bs-light: #fdf8e6; /* Very light golden */
    --bs-light-rgb: 253, 248, 230;
    --bs-light-text-emphasis: #7a6030;

    --bs-dark: #212529; /* Keep dark for contrast */
    --bs-dark-rgb: 33, 37, 41;
    --bs-dark-text-emphasis: #495057;

    /* Background subtle colors */
    --bs-primary-bg-subtle: #fff8e6;
    --bs-secondary-bg-subtle: #fdf8e6;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff8e6;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fefbf2;
    --bs-dark-bg-subtle: #f0e6c8;

    /* Border subtle colors */
    --bs-primary-border-subtle: #ffe6b3;
    --bs-secondary-border-subtle: #f0e6c8;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe6b3;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #fdf8e6;
    --bs-dark-border-subtle: #e6d4a6;

    /* Link colors */
    --bs-link-color: #ffa104;
    --bs-link-color-rgb: 255, 180, 1;
    --bs-link-hover-color: #e6a300;
    --bs-link-hover-color-rgb: 230, 163, 0;

    /* Border colors */
    --bs-border-color: #f0e6c8;
    --bs-border-color-translucent: rgba(255, 180, 1, 0.175);

    /* Box shadows with #FFA104 theme */
    --bs-box-shadow: 0 0.5rem 1rem rgba(255, 180, 1, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(255, 180, 1, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(255, 180, 1, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(255, 180, 1, 0.075);

    /* Focus ring */
    --bs-focus-ring-color: rgba(255, 180, 1, 0.25);

    /* Code color */
    --bs-code-color: #a08040;

    /* Secondary and tertiary colors */
    --bs-secondary-color: rgba(122, 96, 48, 0.75);
    --bs-secondary-color-rgb: 122, 96, 48;
    --bs-secondary-bg: #fdf8e6;
    --bs-secondary-bg-rgb: 253, 248, 230;

    --bs-tertiary-color: rgba(122, 96, 48, 0.5);
    --bs-tertiary-color-rgb: 122, 96, 48;
    --bs-tertiary-bg: #fefbf2;
    --bs-tertiary-bg-rgb: 254, 251, 242;
}

/* Button overrides for hover, focus, and active states */
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: #e6a300 !important;
    border: 1px solid #e6a300 !important;
    color: #fff !important;
}

.btn.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 180, 1, 0.25) !important;
}

/* Text utility classes override */
.text-primary {
    color: #ffa104 !important;
    opacity: 1;
}

/* Footer heading underline override */
footer .footer-top .footer-widget h5::before {
    background: #ffa104;
}

/* Business wrap background override */
.business-wrap::before {
    background: #ffa104;
}

@media (max-width: 767.98px) {
    .business-wrap::before {
        top: -30px;
        right: 300px;
        width: 100px;
        height: 700px;
    }
}

/* Select2 color overrides to match #FFA104 theme */
.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background: #ffa104;
    color: #fff;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e6a300;
}

/* Link primary override */
.link-primary {
    color: #ffa104 !important;
}

/* Dropdown items hover, focus, and active states */
.dropdown-item:not(.active):hover,
.dropdown-item:not(.active):focus,
.dropdown-item:not(.active):active {
    color: #fff;
    background-color: #e6a300;
    border-radius: 5px;
}

/* Selection / Block color override */
::selection {
    background: #e6a300;
    color: #fff;
    text-shadow: none;
}

/* Sidebar Link - Dashboard */
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li > a:hover,
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li > a.active {
    background: #e6a300;
    color: #fff;
}

/* Header Nav Link */
header .header-nav .main-menu-wrapper .main-nav > li > a:hover,
header .header-nav .main-menu-wrapper .main-nav > li > a:active {
    color: #e6a300;
}

/* Footer Social Icon */
.social-icon li a:hover,
.social-icon li a:active {
    color: #e6a300;
}

/* Footer Menu */
footer .footer-top .footer-widget .footer-menu li a:hover,
footer .footer-top .footer-widget .footer-menu li a:active {
    color: #e6a300;
}

/* Settings Upload Button */
.settings .card-body .upload-btn {
    padding: 5px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background-color: #e6a300;
    border-radius: 54px;
}

/* Link color override */
a:hover,
a:focus {
    color: #e6a300;
}

/* Badge Primary Override */
.bg-primary {
    background-color: #ffa104 !important;
    border: 1px solid #ffa104 !important;
    color: #fff !important;
}

.bg-primary.bg-opacity-10 {
    background-color: rgba(255, 180, 1, 0.1) !important;
}

.bg-primary.bg-opacity-25 {
    background-color: rgba(255, 180, 1, 0.25) !important;
}

.bg-primary.bg-opacity-50 {
    background-color: rgba(255, 180, 1, 0.5) !important;
}

.bg-primary.bg-opacity-75 {
    background-color: rgba(255, 180, 1, 0.75) !important;
}

.bg-primary.bg-opacity-100 {
    background-color: #ffa104 !important;
}

/* Back to Top Icon Override */
.back-to-top-icon {
    background: #ffa104 !important;
    color: #fff !important;
}