/* =============== LIGHT THEME OVERRIDES =============== */
/* Base layout */
html[data-bs-theme="light"] body {
    background: #ffffff !important;
    font-family: sans-serif !important;
}

/* Sidebar + header/footer shells */
[data-bs-theme="light"] body .sidebar-wrapper {
    background: #ffffff !important;
    /* border-radius: 20px !important; */
    /* margin-top: 8px !important; */
    border: 0 !important;
    outline: none !important;
}

[data-bs-theme="light"] .sidebar-wrapper .sidebar-header,
[data-bs-theme="light"] .sidebar-wrapper .sidebar-nav {
    background-color: #000 !important;
    border: 0 !important;
    outline: none !important;
}


/* Auth cover (was dark) */
.col-12.col-xl-5.col-xxl-4.auth-cover-right.align-items-center.justify-content-center {
    background-color: #ddd !important;
}

/* Breadcrumbs */
.breadcrumb-title {
    border: none !important;
    outline: none !important;
}

/* Cards (general) */
html[data-bs-theme="light"] .card .title,
html[data-bs-theme="light"] .card .count {
    color: #000 !important;
}

html[data-bs-theme="light"] .card {
    width: 100% !important;
    border-radius: 15px !important;
    padding: 1rem !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: 0 0 50px 20px #ddd;
    margin-bottom: 1.2rem !important;
    border: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}

/* Dashboard cards */
[data-bs-theme="light"] .dashboard-card {
    width: 100% !important;
    border-radius: 20px !important;
    background: #ddd !important;
    /* per request */
    margin: 0 auto 1.5rem !important;
    padding: 1rem !important;
    border: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}

/* Main content padding */
[data-bs-theme="light"] .main-wrapper .main-content {
    padding: 1.5rem !important;
    background-color: #eff1f3 !important;
    /* background-color: #87cfeb33 !important; */
}

/* Tables container */
html[data-bs-theme="light"] .table-container {
    width: 100% !important;
    border-radius: 20px !important;
    padding: 2rem !important;
    background: #ffffff !important;
    min-height: 500px !important;
    margin: 0 auto !important;
    overflow-y: auto !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}

/* DateRangePicker tweaks */
[data-bs-theme="light"] .table-condensed {
    color: #000000 !important;
}

[data-bs-theme="light"] .daterangepicker .drp-buttons {
    color: #000 !important;
    border-top: 1px solid #ddd !important;
}

[data-bs-theme="light"] .daterangepicker .drp-buttons .cancelBtn {
    color: #fff !important;
    background-color: #6c757d !important;
}

/* MetisMenu (sidebar nav) */
[data-bs-theme="light"] .metismenu li a {
    padding: 1rem 0.5rem 1rem !important;
    border-radius: 0.5rem !important;
    color: #ffffff !important;
    width: 100% !important;
    transition: background-color .3s, padding .3s, transform .2s, box-shadow .3s !important;
}

[data-bs-theme="light"] .metismenu li:hover>a,
[data-bs-theme="light"] .metismenu .mm-active>a,
[data-bs-theme="light"] .metismenu .my-active>a {
    background-color: #ffc107 !important;
    color: #fff !important;
    transform: translateX(2px);
    box-shadow: 0 4px 12px rgba(242, 56, 58, 0.3) !important;
}

[data-bs-theme="light"] body .sidebar-nav .metismenu ul {
    background-color: transparent !important;
    padding: 1rem !important;
    margin: -1rem 0 -1.3rem .2rem !important;
    border-radius: 0rem !important;
}

[data-bs-theme="light"] body .sidebar-nav .metismenu ul li a {
    padding: .7rem !important;
    color: #fff !important;
}

/* DataTables (light) */
html[data-bs-theme="light"] .dataTables_wrapper .dataTables_length select {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    background-color: #fff !important;
    color: #000 !important;
}

html[data-bs-theme="light"] .dataTables_wrapper .dataTables_length,
html[data-bs-theme="light"] .dataTables_wrapper .dataTables_filter,
html[data-bs-theme="light"] .dataTables_wrapper .dataTables_info,
html[data-bs-theme="light"] .dataTables_wrapper .dataTables_processing,
html[data-bs-theme="light"] .dataTables_wrapper .dataTables_paginate {
    color: #000000 !important;
}

html[data-bs-theme="light"] .dataTables_wrapper .dataTables_filter input:active,
html[data-bs-theme="light"] .dataTables_wrapper .dataTables_filter input:focus {
    border: 1px solid #86b7fe !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    background-color: #fff !important;
    color: #000 !important;
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .25) !important;
}

html[data-bs-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box !important;
    display: inline-block !important;
    min-width: 1.5em !important;
    padding: .45em .9em !important;
    margin-left: 2px !important;
    text-align: center !important;
    cursor: pointer !important;
    color: #111 !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    background: #fff !important;
}

html[data-bs-theme="light"] .dataTables_wrapper .dataTables_paginate .current {
    color: #fff !important;
    border: 1px solid #111 !important;
    background-color: #111 !important;
}

html[data-bs-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
html[data-bs-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
html[data-bs-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default !important;
    color: #999 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Select2 (Bootstrap 5 skin) */
html[data-bs-theme="light"] .select2-container--bootstrap-5 .select2-selection--single {
    padding: .375rem 2.25rem .375rem .75rem !important;
    background-image: url("../img/select2/arrow-down.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
}

html[data-bs-theme="light"] .select2-container--bootstrap-5 .select2-selection {
    width: 100% !important;
    min-height: calc(1.5em + .75rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    appearance: none !important;
}

html[data-bs-theme="light"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important;
}

html[data-bs-theme="light"] .select2-results__option[aria-selected="true"] {
    color: #fff !important;
    background-color: #0d6efd !important;
}

html[data-bs-theme="light"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: flex;
    align-items: center;
    padding: .35em .65em !important;
    margin-right: .375rem !important;
    margin-bottom: .375rem !important;
    font-size: 1rem !important;
    color: #fff !important;
    border-radius: .25rem !important;
    background-color: #0d6efd !important;
}

html[data-bs-theme="light"] .select2-selection__choice__remove {
    background-image: url("../img/select2/cross-symbol.svg") !important;
}

/* Intl Tel Input */
html[data-bs-theme="light"] .iti--allow-dropdown {
    width: 100% !important;
}

html[data-bs-theme="light"] .iti__divider {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 solid #CCC !important;
}

html[data-bs-theme="light"] .iti__country {
    padding: 5px 10px !important;
    outline: none !important;
    background: #fff !important;
    color: #000 !important;
}

html[data-bs-theme="light"] .iti__country.iti__highlight {
    background-color: #e9ecef !important;
    color: #000 !important;
}

html[data-bs-theme="light"] .iti__country.iti__active {
    background-color: #ffffff !important;
    color: #000 !important;
}

/* Misc structural (unchanged but kept) */
.sidebar-header {
    height: auto !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.logo-img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ========== LIGHT THEME VERSION ========== */
[data-bs-theme=light] body {
    background-color: #e7f5fb !important;
}

[data-bs-theme=light] body .parent-icon,
[data-bs-theme=light] body .menu-title {
    color: #ffffff !important;
}

[data-bs-theme=light] body .top-header .navbar {
    background-color: #fff !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

[data-bs-theme=light] body .page-footer {
    background-color: #fff !important;
    border: none !important;
    outline: none !important;
}

[data-bs-theme=light] body .metismenu .has-arrow::after {
    position: absolute;
    content: "";
    width: .5em;
    height: .5em;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: initial;
    right: 1em;
    transform: rotate(140deg) translate(0, -50%);
    transform-origin: top;
    top: 50%;
    transition: all .3s ease-out;
    color: #fff !important;
}

[data-bs-theme=light] body .sidebar-wrapper {
    background: #303552ea !important;
    /* box-shadow: inset 0 0 10px #ddd; */
    /* box-shadow: 0 0 25px 2px #ddd; */

    /* border-radius: 1.5rem !important; */
    border: 0px !important;
    outline: none !important;
}

[data-bs-theme=light] body .sidebar-wrapper .sidebar-header {
    background-color: transparent !important;
    border: 0px !important;
    outline: none !important;
}

[data-bs-theme=light] body .sidebar-wrapper .sidebar-nav {
    background-color: transparent !important;
}