/* ============================================
   DARK MODE CUSTOM STYLES
   eOneri - Pilates & Diyetisyen Yönetim Sistemi
   ============================================ */

/* Dark Mode için Sidebar Düzeltmeleri */
[data-bs-theme="dark"] .app-menu {
    background-color: #1a1d21 !important;
}

[data-bs-theme="dark"] .navbar-menu {
    background-color: #1a1d21 !important;
}

[data-bs-theme="dark"] .menu-title {
    color: #878a99 !important;
}

[data-bs-theme="dark"] .navbar-nav .nav-link {
    color: #ced4da !important;
}

[data-bs-theme="dark"] .navbar-nav .nav-link:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

[data-bs-theme="dark"] .navbar-nav .nav-link.active {
    color: #ffffff !important;
    background-color: rgba(64, 81, 137, 0.2) !important;
}

/* Dark Mode için Tablo Düzeltmeleri */
[data-bs-theme="dark"] .table {
    color: #ced4da !important;
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .table thead th {
    background-color: #212529 !important;
    color: #ced4da !important;
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .table tbody tr {
    background-color: #1a1d21 !important;
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .table tbody tr:hover {
    background-color: #212529 !important;
}

[data-bs-theme="dark"] .table-light {
    background-color: #212529 !important;
    color: #ced4da !important;
}

/* Dark Mode için Kart Düzeltmeleri */
[data-bs-theme="dark"] .card {
    background-color: #1a1d21 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .card-header {
    background-color: #212529 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .card-body {
    color: #ced4da !important;
}

/* Dark Mode için List Group Düzeltmeleri */
[data-bs-theme="dark"] .list-group-item {
    background-color: #1a1d21 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .list-group-item:hover {
    background-color: #212529 !important;
}

[data-bs-theme="dark"] .list-group-item-action:hover {
    background-color: #212529 !important;
}

/* Dark Mode için Form Düzeltmeleri */
[data-bs-theme="dark"] .form-control {
    background-color: #212529 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: #212529 !important;
    border-color: #405189 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .form-select {
    background-color: #212529 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .form-label {
    color: #ced4da !important;
}

/* Dark Mode için Modal Düzeltmeleri */
[data-bs-theme="dark"] .modal-content {
    background-color: #1a1d21 !important;
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .modal-header {
    background-color: #212529 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .modal-body {
    color: #ced4da !important;
}

[data-bs-theme="dark"] .modal-footer {
    background-color: #212529 !important;
    border-color: #2a2f34 !important;
}

/* Dark Mode için Dropdown Düzeltmeleri */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #1a1d21 !important;
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #ced4da !important;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #212529 !important;
    color: #ffffff !important;
}

/* Dark Mode için Badge Düzeltmeleri */
[data-bs-theme="dark"] .badge {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Dark Mode için Alert Düzeltmeleri */
[data-bs-theme="dark"] .alert {
    border-color: #2a2f34 !important;
}

/* Dark Mode için Text Muted */
[data-bs-theme="dark"] .text-muted {
    color: #878a99 !important;
}

/* Dark Mode için Border */
[data-bs-theme="dark"] .border {
    border-color: #2a2f34 !important;
}

/* Dark Mode için Avatar */
[data-bs-theme="dark"] .avatar-title {
    background-color: #212529 !important;
}

/* Dark Mode için CRM Widget */
[data-bs-theme="dark"] .crm-widget {
    background-color: #1a1d21 !important;
}

[data-bs-theme="dark"] .crm-widget .col {
    border-color: #2a2f34 !important;
}

/* Dark Mode için Page Title */
[data-bs-theme="dark"] .page-title-box h4 {
    color: #ced4da !important;
}

/* Dark Mode için Breadcrumb */
[data-bs-theme="dark"] .breadcrumb-item {
    color: #878a99 !important;
}

[data-bs-theme="dark"] .breadcrumb-item.active {
    color: #ced4da !important;
}

/* Dark Mode için FullCalendar */
[data-bs-theme="dark"] .fc {
    background-color: #1a1d21 !important;
}

[data-bs-theme="dark"] .fc-theme-standard td,
[data-bs-theme="dark"] .fc-theme-standard th {
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .fc-theme-standard .fc-scrollgrid {
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .fc .fc-col-header-cell {
    background-color: #212529 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .fc .fc-daygrid-day {
    background-color: #1a1d21 !important;
}

[data-bs-theme="dark"] .fc .fc-daygrid-day:hover {
    background-color: #212529 !important;
}

[data-bs-theme="dark"] .fc .fc-daygrid-day-number {
    color: #ced4da !important;
}

[data-bs-theme="dark"] .fc .fc-button {
    background-color: #405189 !important;
    border-color: #405189 !important;
}

[data-bs-theme="dark"] .fc .fc-button:hover {
    background-color: #364574 !important;
    border-color: #364574 !important;
}

[data-bs-theme="dark"] .fc .fc-toolbar-title {
    color: #ced4da !important;
}

/* Dark Mode için Sidebar Background Image Overlay */
[data-bs-theme="dark"] .app-menu .sidebar-background {
    opacity: 0.05 !important;
}

/* Dark Mode için Input Group */
[data-bs-theme="dark"] .input-group-text {
    background-color: #212529 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

/* Dark Mode için Nav Tabs */
[data-bs-theme="dark"] .nav-tabs {
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: #878a99 !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background-color: #1a1d21 !important;
    border-color: #2a2f34 #2a2f34 #1a1d21 !important;
    color: #ced4da !important;
}

/* Dark Mode için Pagination */
[data-bs-theme="dark"] .pagination .page-link {
    background-color: #1a1d21 !important;
    border-color: #2a2f34 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .pagination .page-link:hover {
    background-color: #212529 !important;
    border-color: #2a2f34 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .pagination .page-item.active .page-link {
    background-color: #405189 !important;
    border-color: #405189 !important;
}

/* Dark Mode için Accordion */
[data-bs-theme="dark"] .accordion-item {
    background-color: #1a1d21 !important;
    border-color: #2a2f34 !important;
}

[data-bs-theme="dark"] .accordion-button {
    background-color: #212529 !important;
    color: #ced4da !important;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: #212529 !important;
    color: #ced4da !important;
}

/* Dark Mode için Progress Bar */
[data-bs-theme="dark"] .progress {
    background-color: #212529 !important;
}

/* Dark Mode için Soft Background Colors */
[data-bs-theme="dark"] .bg-soft-primary {
    background-color: rgba(64, 81, 137, 0.15) !important;
}

[data-bs-theme="dark"] .bg-soft-success {
    background-color: rgba(10, 179, 156, 0.15) !important;
}

[data-bs-theme="dark"] .bg-soft-warning {
    background-color: rgba(247, 184, 75, 0.15) !important;
}

[data-bs-theme="dark"] .bg-soft-danger {
    background-color: rgba(240, 101, 72, 0.15) !important;
}

[data-bs-theme="dark"] .bg-soft-info {
    background-color: rgba(41, 156, 219, 0.15) !important;
}

[data-bs-theme="dark"] .bg-soft-pink {
    background-color: rgba(232, 62, 140, 0.15) !important;
}

/* Dark Mode için Legend (Takvim) */
[data-bs-theme="dark"] .legend-item {
    color: #ced4da !important;
}

/* Dark Mode için HR */
[data-bs-theme="dark"] hr {
    border-color: #2a2f34 !important;
    opacity: 1 !important;
}

/* Dark Mode için Scrollbar */
[data-bs-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1d21;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #2a2f34;
    border-radius: 4px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #3a3f44;
}