/* Light Theme Override for Sewa Subida */

/* Force light theme regardless of system preference */
:root {
    --bs-body-bg: #ffffff;
    --bs-body-color: #495057;
    --bs-card-bg: #ffffff;
    --bs-card-color: #495057;
    --bs-border-color: #dee2e6;
    --bs-secondary-bg: #f8f9fa;
    --bs-tertiary-bg: #ffffff;
    --bs-emphasis-color: #000000;
    --bs-secondary-color: #6c757d;
    --bs-tertiary-color: #6c757d;
}

text-white {
    color: white !important;
}

/* Force light background colors */
body {
    background-color: #ffffff !important;
    color: #495057 !important;
}

/* Main wrapper and content area */
.wrapper {
    background-color: #ffffff !important;
}

.main {
    background-color: #ffffff !important;
}

.content {
    background-color: #ffffff !important;
    color: #495057 !important;
}

/* IMPORTANT: Preserve 100% complete dark sidebar theme with white text */
.sidebar {
    background: linear-gradient(180deg, #0f1419 0%, #1a1d20 50%, #2d3035 100%) !important;
    color: #ffffff !important;
    border-right: 3px solid #0d1117 !important;
    box-shadow: 3px 0 15px rgba(0, 0, 0, 0.5) !important;
}

.sidebar-content {
    background: transparent !important;
}

.sidebar-brand {
    background: linear-gradient(135deg, #0f1419 0%, #1a1d20 100%) !important;
    color: #ffffff !important;
    border-bottom-color: #0d1117 !important;
    border: 2px solid #0d1117 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.sidebar-header {
    background: linear-gradient(90deg, #0f1419 0%, #1a1d20 100%) !important;
    color: #ffffff !important;
    border-bottom-color: #0d1117 !important;
}

.sidebar-link {
    background: linear-gradient(135deg, #1a1d20 0%, #2d3035 100%) !important;
    color: #ffffff !important;
    border: 2px solid #0d1117 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

.sidebar-link:hover {
    background: linear-gradient(135deg, #2d3035 0%, #3a3d42 100%) !important;
    color: #ffffff !important;
    border-color: #1e2126 !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5) !important;
}

.sidebar-link.active {
    background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%) !important;
    color: #ffffff !important;
    border-color: #0d6efd !important;
    box-shadow: 0 4px 15px rgba(13, 110, 253, 0.5) !important;
}

.sidebar-link i {
    color: #ffffff !important;
}

.sidebar-link:hover i {
    color: #ffffff !important;
}

.sidebar-link.active i {
    color: #ffffff !important;
}

/* Ensure all sidebar items use dark backgrounds with white text */
.sidebar-item .sidebar-link {
    background: linear-gradient(135deg, #1a1d20 0%, #2d3035 100%) !important;
    color: #ffffff !important;
}

.sidebar-item:hover .sidebar-link {
    background: linear-gradient(135deg, #2d3035 0%, #3a3d42 100%) !important;
    color: #ffffff !important;
}

.sidebar-item.active .sidebar-link {
    background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%) !important;
    color: #ffffff !important;
}

/* Force dark theme on all sidebar elements with white text */
.sidebar * {
    color-scheme: dark !important;
}

.sidebar, .sidebar-content, .sidebar-brand, .sidebar-header, .sidebar-item, .sidebar-link {
    background-color: #0f1419 !important;
    color: #ffffff !important;
}

.sidebar .sidebar-content {
    background-color: transparent !important;
}

.sidebar .sidebar-brand {
    background: linear-gradient(135deg, #0f1419 0%, #1a1d20 100%) !important;
    color: #ffffff !important;
}

.sidebar .sidebar-header {
    background: linear-gradient(90deg, #0f1419 0%, #1a1d20 100%) !important;
    color: #ffffff !important;
}

.sidebar .sidebar-item .sidebar-link {
    background: linear-gradient(135deg, #1a1d20 0%, #2d3035 100%) !important;
    color: #ffffff !important;
}

.sidebar .sidebar-item:hover .sidebar-link {
    background: linear-gradient(135deg, #2d3035 0%, #3a3d42 100%) !important;
    color: #ffffff !important;
}

.sidebar .sidebar-item.active .sidebar-link {
    background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%) !important;
    color: #ffffff !important;
}

/* Override any light themes for sidebar */
.sidebar {
    --bs-bg-opacity: 1 !important;
    --bs-body-bg: #0f1419 !important;
    --bs-body-color: #ffffff !important;
}

/* Ensure no light elements remain in sidebar */
.sidebar *:not(.sidebar-link.active) {
    background-color: transparent !important;
}

.sidebar .sidebar-link:not(.active) {
    background: linear-gradient(135deg, #1a1d20 0%, #2d3035 100%) !important;
    color: #ffffff !important;
}

.sidebar .sidebar-link:hover:not(.active) {
    background: linear-gradient(135deg, #2d3035 0%, #3a3d42 100%) !important;
    color: #ffffff !important;
}

/* Force white text on all sidebar elements */
.sidebar, .sidebar-content, .sidebar-brand, .sidebar-header, .sidebar-item, .sidebar-link {
    color: #ffffff !important;
}

.sidebar-link {
    color: #ffffff !important;
}

.sidebar-link:hover {
    color: #ffffff !important;
}

.sidebar-link.active {
    color: #ffffff !important;
}

.sidebar-link i {
    color: #ffffff !important;
}

.sidebar-link:hover i {
    color: #ffffff !important;
}

.sidebar-link.active i {
    color: #ffffff !important;
}

.sidebar-brand {
    color: #ffffff !important;
}

.sidebar-header {
    color: #ffffff !important;
}

/* Footer styling */
.footer {
    background-color: #f8f9fa !important;
    color: #6c757d !important;
    border-top-color: #dee2e6 !important;
}

/* Card styling */
.card {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #dee2e6 !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.card-header {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    border-bottom-color: #dee2e6 !important;
}

.card-footer {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    border-top-color: #dee2e6 !important;
}

/* Table styling */
.table {
    color: #495057 !important;
    background-color: #ffffff !important;
}

.table th,
.table td {
    border-color: #dee2e6 !important;
    color: #495057 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #f8f9fa !important;
    color: #495057 !important;
}

.table-hover > tbody > tr:hover > * {
    background-color: #e9ecef !important;
    color: #495057 !important;
}

/* Form controls */
.form-control,
.form-select {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #ced4da !important;
}

.form-control:focus,
.form-select:focus {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.form-control::placeholder {
    color: #6c757d !important;
}

/* Buttons */
.btn-outline-primary {
    color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.btn-outline-primary:hover {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

.btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

.btn-outline-success {
    color: #198754 !important;
    border-color: #198754 !important;
}

.btn-outline-success:hover {
    background-color: #198754 !important;
    color: #ffffff !important;
}

.btn-outline-warning {
    color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.btn-outline-warning:hover {
    background-color: #ffc107 !important;
    color: #000000 !important;
}

.btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-outline-danger:hover {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.btn-outline-info {
    color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
}

.btn-outline-info:hover {
    background-color: #0dcaf0 !important;
    color: #000000 !important;
}

/* Navbar styling */
.navbar {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-bottom-color: #dee2e6 !important;
}

.navbar-brand {
    color: #0d6efd !important;
}

.nav-link {
    color: #495057 !important;
}

.nav-link:hover {
    color: #0d6efd !important;
}

/* Dropdown styling */
.dropdown-menu {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #dee2e6 !important;
}

.dropdown-item {
    color: #495057 !important;
}

.dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #495057 !important;
}

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

/* Modal styling */
.modal-content {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #dee2e6 !important;
}

.modal-header {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    border-bottom-color: #dee2e6 !important;
}

.modal-footer {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    border-top-color: #dee2e6 !important;
}

/* Alert styling */
.alert {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
}

.alert-primary {
    background-color: #cfe2ff !important;
    color: #084298 !important;
    border-color: #b6d4fe !important;
}

.alert-success {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
    border-color: #badbcc !important;
}

.alert-warning {
    background-color: #fff3cd !important;
    color: #664d03 !important;
    border-color: #ffecb5 !important;
}

.alert-danger {
    background-color: #f8d7da !important;
    color: #842029 !important;
    border-color: #f5c2c7 !important;
}

.alert-info {
    background-color: #cff4fc !important;
    color: #055160 !important;
    border-color: #b6effb !important;
}

/* Badge styling */
.badge {
    color: #ffffff !important;
}

.badge.bg-primary {
    background-color: #0d6efd !important;
}

.badge.bg-secondary {
    background-color: #6c757d !important;
}

.badge.bg-success {
    background-color: #198754 !important;
}

.badge.bg-warning {
    background-color: #ffc107 !important;
    color: #000000 !important;
}

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

.badge.bg-info {
    background-color: #0dcaf0 !important;
    color: #000000 !important;
}

.badge.bg-light {
    background-color: #f8f9fa !important;
    color: #000000 !important;
}

.badge.bg-dark {
    background-color: #212529 !important;
}

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

.progress-bar {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

/* List group styling */
.list-group-item {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #dee2e6 !important;
}

.list-group-item:hover {
    background-color: #f8f9fa !important;
}

.list-group-item.active {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    border-color: #0d6efd !important;
}

/* Input group styling */
.input-group-text {
    background-color: #e9ecef !important;
    color: #495057 !important;
    border-color: #ced4da !important;
}

/* Pagination styling */
.page-link {
    background-color: #ffffff !important;
    color: #0d6efd !important;
    border-color: #dee2e6 !important;
}

.page-link:hover {
    background-color: #e9ecef !important;
    color: #0a58ca !important;
}

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

/* Breadcrumb styling */
.breadcrumb {
    background-color: #f8f9fa !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #6c757d !important;
}

/* Close button styling */
.btn-close {
    color: #000000 !important;
}

/* Text colors */
.text-muted {
    color: #6c757d !important;
}

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

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

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

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

.text-info {
    color: #0dcaf0 !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #212529 !important;
}

/* Background colors */
.bg-light {
    background-color: #f8f9fa !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-primary {
    background-color: #0d6efd !important;
    color: white !important;
}

.bg-success {
    background-color: #198754 !important;
    color: white !important;
}

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

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

.bg-info {
    background-color: #0dcaf0 !important;
}

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

.bg-dark {
    background-color: #212529 !important;
    color: white !important;
}

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

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

.border-success {
    border-color: #198754 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-info {
    border-color: #0dcaf0 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #212529 !important;
}

/* Shadow utilities */
.shadow {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

/* Override any remaining dark styles */
* {
    color-scheme: light !important;
}

/* Ensure proper contrast for accessibility */
.btn {
    text-shadow: none !important;
}

/* Override any Bootstrap dark theme classes */
[data-bs-theme="dark"] {
    --bs-body-bg: #ffffff !important;
    --bs-body-color: #495057 !important;
    --bs-card-bg: #ffffff !important;
    --bs-card-color: #495057 !important;
    --bs-border-color: #dee2e6 !important;
    --bs-secondary-bg: #f8f9fa !important;
    --bs-tertiary-bg: #ffffff !important;
    --bs-emphasis-color: #000000 !important;
    --bs-secondary-color: #6c757d !important;
    --bs-tertiary-color: #6c757d !important;
}

/* Additional light theme overrides */
.container-fluid {
    background-color: #ffffff !important;
}

.row {
    background-color: transparent !important;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-sm, .col-md, .col-lg, .col-xl, .col-xxl {
    background-color: transparent !important;
}

/* Ensure proper spacing and readability */
h1, h2, h3, h4, h5, h6 {
    color: #212529 !important;
}

p {
    color: #495057 !important;
}

/* Override any potential dark backgrounds */
/* [class*="bg-"] {
    color: inherit !important;
} */

/* Ensure proper contrast for all text elements */
label, legend, small, code, kbd, pre, samp {
    color: #495057 !important;
}

/* Override any remaining dark theme elements */
.dark, .dark-theme, [data-theme="dark"] {
    background-color: #ffffff !important;
    color: #495057 !important;
}

/* Override any potential dark mode classes */
.dark-mode, .theme-dark, .dark-theme {
    background-color: #ffffff !important;
    color: #495057 !important;
}

/* Override any potential dark mode attributes */
[data-theme="dark"], [data-bs-theme="dark"] {
    background-color: #ffffff !important;
    color: #495057 !important;
}

/* Ensure all form elements use light theme */
input, textarea, select, option {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #ced4da !important;
}

/* Additional specific overrides for common elements */
.navbar-light {
    background-color: #ffffff !important;
    color: #495057 !important;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link {
    color: #495057 !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #0d6efd !important;
}

/* Ensure proper styling for any potential dark elements */
[class*="dark"], [class*="theme-dark"] {
    background-color: #ffffff !important;
    color: #495057 !important;
}

/* Override any potential CSS custom properties that might be set */
:root {
    --dark-bg: #ffffff !important;
    --dark-text: #495057 !important;
    --dark-border: #dee2e6 !important;
    --dark-card: #ffffff !important;
}

/* Force light theme on all elements except sidebar */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    color-scheme: light !important;
}

/* Exception: Keep sidebar dark */
.sidebar, .sidebar *, .sidebar-content, .sidebar-brand, .sidebar-link {
    color-scheme: dark !important;
}