/* Custom Light Mode Styles for Admin Panel - Matching App Colors */

body[data-sidebar="light"][data-topbar="light"],
body:not(.dark-mode) {
    background: #fdf7f2 !important;
    background-color: #fdf7f2 !important;
    color: #3a2c24 !important;
}

body:not(.dark-mode) .main-content,
body:not(.dark-mode) #layout-wrapper {
    background: #fdf7f2 !important;
    background-color: #fdf7f2 !important;
}

body:not(.dark-mode) #page-topbar {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #ebdccf !important;
}

body:not(.dark-mode) .navbar-brand-box {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #ebdccf !important;
}

/* Top Header Icons and Profile */
body:not(.dark-mode) .header-item,
body:not(.dark-mode) .noti-icon i {
    color: #7d6b5d !important;
}
body:not(.dark-mode) .header-item:hover,
body:not(.dark-mode) .noti-icon i:hover {
    color: #cc7d5e !important;
}
body:not(.dark-mode) .header-profile-user {
    background-color: #fdf7f2 !important;
    border: 1px solid #ebdccf !important;
    padding: 3px !important;
}

body:not(.dark-mode) .vertical-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-right: 1px solid #ebdccf !important;
}

body:not(.dark-mode) .card,
body:not(.dark-mode) .modal-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #ebdccf !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important;
}

body:not(.dark-mode) .card-header,
body:not(.dark-mode) .card-footer,
body:not(.dark-mode) .modal-header,
body:not(.dark-mode) .modal-footer {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ebdccf !important;
    color: #3a2c24 !important;
}

body:not(.dark-mode) h1, body:not(.dark-mode) h2, body:not(.dark-mode) h3, 
body:not(.dark-mode) h4, body:not(.dark-mode) h5, body:not(.dark-mode) h6,
body:not(.dark-mode) .text-dark,
body:not(.dark-mode) .card-title {
    color: #2a1e17 !important;
}

body:not(.dark-mode) .text-muted {
    color: #7d6b5d !important;
}

body:not(.dark-mode) .form-control,
body:not(.dark-mode) .form-select {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ebdccf !important;
    color: #3a2c24 !important;
}

body:not(.dark-mode) .form-control:focus,
body:not(.dark-mode) .form-select:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #cc7d5e !important;
    color: #3a2c24 !important;
    box-shadow: 0 0 0 0.15rem rgba(204, 125, 94, 0.25) !important;
}

body:not(.dark-mode) .form-control::placeholder {
    color: #b09c8d !important;
}

body:not(.dark-mode) .table {
    color: #3a2c24 !important;
    border-color: #ebdccf !important;
}

body:not(.dark-mode) .table th,
body:not(.dark-mode) .table td {
    border-color: #ebdccf !important;
}

body:not(.dark-mode) .table-light {
    background: #f7ede3 !important;
    background-color: #f7ede3 !important;
    color: #3a2c24 !important;
}

body:not(.dark-mode) .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #fcf5ef !important;
    background-color: #fcf5ef !important;
    color: #3a2c24 !important;
}

body:not(.dark-mode) .table-hover > tbody > tr:hover > * {
    background: #f7ede3 !important;
    background-color: #f7ede3 !important;
    color: #3a2c24 !important;
}

body:not(.dark-mode) .page-content {
    background: #fdf7f2 !important;
    background-color: #fdf7f2 !important;
}

body:not(.dark-mode) .footer {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #7d6b5d !important;
    border-top: 1px solid #ebdccf !important;
}

body:not(.dark-mode) .dropdown-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ebdccf !important;
}

body:not(.dark-mode) .dropdown-item {
    color: #3a2c24 !important;
}

body:not(.dark-mode) .dropdown-item:hover, 
body:not(.dark-mode) .dropdown-item:focus {
    background: #fcf5ef !important;
    background-color: #fcf5ef !important;
    color: #2a1e17 !important;
}

body:not(.dark-mode) .nav-tabs .nav-link,
body:not(.dark-mode) .nav-pills .nav-link {
    color: #3a2c24 !important;
}

body:not(.dark-mode) .nav-tabs .nav-link.active,
body:not(.dark-mode) .nav-tabs .nav-item.show .nav-link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #cc7d5e !important;
    border-color: #ebdccf #ebdccf #ffffff !important;
}

body:not(.dark-mode) .nav-tabs {
    border-bottom-color: #ebdccf !important;
}

body:not(.dark-mode) .breadcrumb-item.active {
    color: #7d6b5d !important;
}

body:not(.dark-mode) .pagination .page-link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ebdccf !important;
    color: #3a2c24 !important;
}

body:not(.dark-mode) .pagination .page-item.active .page-link {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    color: #fff !important;
}

body:not(.dark-mode) .pagination .page-item.disabled .page-link {
    background: #fdf7f2 !important;
    background-color: #fdf7f2 !important;
    border-color: #ebdccf !important;
    color: #b09c8d !important;
}

/* Sidebar Specific */
body[data-sidebar="light"] #sidebar-menu ul li a {
    color: #7d6b5d !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
}
body:not(.vertical-collpsed)[data-sidebar="light"] #sidebar-menu ul li a {
    border-radius: 12px !important;
    margin: 4px 15px !important;
    padding: 12px 20px !important;
}
body[data-sidebar="light"] #sidebar-menu ul li a:hover,
body[data-sidebar="light"] #sidebar-menu ul li.mm-active > a {
    color: #cc7d5e !important;
    background: rgba(204, 125, 94, 0.1) !important;
    box-shadow: none !important;
    border: none !important;
    font-weight: 600 !important;
}
body[data-sidebar="light"] #sidebar-menu ul li a i {
    color: #b09c8d !important;
    transition: all 0.3s ease !important;
}
body[data-sidebar="light"] #sidebar-menu ul li a:hover i,
body[data-sidebar="light"] #sidebar-menu ul li.mm-active > a i {
    color: #cc7d5e !important;
    transform: scale(1.1) !important;
}

/* Fix collapsed sidebar transparent hover overlap */
body.vertical-collpsed[data-sidebar="light"] #sidebar-menu > ul > li:hover > a {
    background: #ffffff !important;
    box-shadow: 3px 5px 12px rgba(0, 0, 0, 0.08) !important;
    margin: 0 !important;
    border-radius: 0 12px 12px 0 !important;
    color: #cc7d5e !important;
}
body.vertical-collpsed[data-sidebar="light"] #sidebar-menu > ul > li:hover > a span {
    padding-left: 20px !important;
}

/* DataTables Overrides */
body:not(.dark-mode) .dataTables_wrapper .dataTables_length,
body:not(.dark-mode) .dataTables_wrapper .dataTables_filter,
body:not(.dark-mode) .dataTables_wrapper .dataTables_info,
body:not(.dark-mode) .dataTables_wrapper .dataTables_processing,
body:not(.dark-mode) .dataTables_wrapper .dataTables_paginate {
    color: #3a2c24 !important;
}
body:not(.dark-mode) .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #3a2c24 !important;
}
body:not(.dark-mode) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #b09c8d !important;
}

/* App Search */
body:not(.dark-mode) .app-search .form-control {
    background: #fdf7f2 !important;
    background-color: #fdf7f2 !important;
    color: #3a2c24 !important;
    border-color: #ebdccf !important;
}

/* Metis Menu */
body[data-sidebar="light"] .metismenu li.mm-active > a {
    color: #2a1e17 !important;
}

/* Fix switch buttons */
body:not(.dark-mode) .form-check-input {
    background-color: #ffffff !important;
    border-color: #ebdccf !important;
    box-shadow: none !important;
}
body:not(.dark-mode) .form-check-input:checked {
    background-color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    box-shadow: none !important;
}

/* Primary Button overrides */
body:not(.dark-mode) .btn-primary {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    color: #fff !important;
    box-shadow: none !important;
}
body:not(.dark-mode) .btn-primary:hover,
body:not(.dark-mode) .btn-primary:active,
body:not(.dark-mode) .btn-primary:focus {
    background: #b56b4c !important;
    background-color: #b56b4c !important;
    border-color: #b56b4c !important;
}

body:not(.dark-mode) .btn-outline-primary {
    color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    background: transparent !important;
}
body:not(.dark-mode) .btn-outline-primary:hover,
body:not(.dark-mode) .btn-outline-primary.active {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    color: #fff !important;
}

body:not(.dark-mode) .bg-primary,
body:not(.dark-mode) .avatar-title {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
}
body:not(.dark-mode) .text-primary {
    color: #cc7d5e !important;
}

/* Guest Layout Overrides */
body:not(.dark-mode) .guest-card-wrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

body:not(.dark-mode) .ripped-header {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body:not(.dark-mode) .ripped-content-pane {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body:not(.dark-mode) .ripped-header-svg {
    fill: #ffffff !important;
}

body:not(.dark-mode) .ripped-title {
    color: #2a1e17 !important;
}

body:not(.dark-mode) .ripped-subtitle {
    color: #7d6b5d !important;
}

body:not(.dark-mode) .ripped-input-group .form-control {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ebdccf !important;
    color: #3a2c24 !important;
}

body:not(.dark-mode) .ripped-input-group i.input-icon,
body:not(.dark-mode) .ripped-input-group .btn-password-toggle {
    color: #b09c8d !important;
    z-index: 10 !important;
}

body:not(.dark-mode) .ripped-input-group .btn-password-toggle:focus,
body:not(.dark-mode) .ripped-input-group .btn-password-toggle:active {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
}

body:not(.dark-mode) .ripped-submit-btn {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body:not(.dark-mode) .ripped-or-divider {
    color: #7d6b5d !important;
}

body:not(.dark-mode) .ripped-or-divider::before,
body:not(.dark-mode) .ripped-or-divider::after {
    border-color: #ebdccf !important;
}

body:not(.dark-mode) .ripped-social-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ebdccf !important;
    color: #2a1e17 !important;
}

body:not(.dark-mode) .ripped-social-btn:hover {
    border-color: #cc7d5e !important;
    color: #cc7d5e !important;
}

body:not(.dark-mode) .ripped-footer-link {
    color: #cc7d5e !important;
}

/* Square Action Buttons Override */
.btnEdit, .btnView, .btnDelete {
    border-radius: 6px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}