/**
 * أنماط الوضع الليلي
 */

:root {
    --dark-bg: #121212;
    --dark-surface: #1e1e1e;
    --dark-surface-2: #2d2d2d;
    --dark-text: #e0e0e0;
    --dark-text-secondary: #aaaaaa;
    --dark-border: #333333;
    --dark-hover: #3a3a3a;
    --dark-primary: #bb86fc;
    --dark-primary-variant: #3700b3;
    --dark-secondary: #03dac6;
    --dark-error: #cf6679;
}

/* الوضع الليلي للموقع الرئيسي */
body.dark-mode {
    background-color: var(--dark-bg);
    color: var(--dark-text);
}

/* العناصر العامة */
.dark-mode .bg-white,
.dark-mode .bg-light {
    background-color: var(--dark-surface) !important;
}

.dark-mode .text-dark {
    color: var(--dark-text) !important;
}

.dark-mode .text-muted {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .border,
.dark-mode .border-top,
.dark-mode .border-bottom,
.dark-mode .border-start,
.dark-mode .border-end {
    border-color: var(--dark-border) !important;
}

/* الأزرار */
.dark-mode .btn-light {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .btn-outline-dark {
    border-color: var(--dark-text);
    color: var(--dark-text);
}

.dark-mode .btn-outline-dark:hover {
    background-color: var(--dark-text);
    color: var(--dark-bg);
}

/* النماذج */
.dark-mode .form-control,
.dark-mode .form-select {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-primary);
    color: var(--dark-text);
}

.dark-mode .form-control::placeholder {
    color: var(--dark-text-secondary);
}

.dark-mode .input-group-text {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

/* البطاقات */
.dark-mode .card {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
}

.dark-mode .card-header,
.dark-mode .card-footer {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
}

/* الجداول */
.dark-mode .table {
    color: var(--dark-text);
    border-color: var(--dark-border);
}

.dark-mode .table-hover tbody tr:hover {
    background-color: var(--dark-hover);
}

.dark-mode .table th,
.dark-mode .table td {
    border-color: var(--dark-border);
}

.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--dark-text);
}

/* التنقل */
.dark-mode .navbar {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border);
}

.dark-mode .navbar-brand,
.dark-mode .navbar-nav .nav-link {
    color: var(--dark-text);
}

.dark-mode .navbar-nav .nav-link:hover,
.dark-mode .navbar-nav .nav-link:focus {
    color: var(--dark-primary);
}

.dark-mode .navbar-toggler {
    border-color: var(--dark-border);
    color: var(--dark-text);
}

/* القوائم */
.dark-mode .list-group-item {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .list-group-item-action:hover,
.dark-mode .list-group-item-action:focus {
    background-color: var(--dark-hover);
    color: var(--dark-text);
}

/* التبويبات */
.dark-mode .nav-tabs {
    border-color: var(--dark-border);
}

.dark-mode .nav-tabs .nav-link {
    color: var(--dark-text);
}

.dark-mode .nav-tabs .nav-link:hover,
.dark-mode .nav-tabs .nav-link:focus {
    border-color: var(--dark-border);
    color: var(--dark-primary);
}

.dark-mode .nav-tabs .nav-link.active {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
    color: var(--dark-primary);
}

/* الرسائل التنبيهية */
.dark-mode .alert {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .alert-primary {
    background-color: rgba(187, 134, 252, 0.1);
    border-color: rgba(187, 134, 252, 0.2);
    color: var(--dark-primary);
}

.dark-mode .alert-success {
    background-color: rgba(3, 218, 198, 0.1);
    border-color: rgba(3, 218, 198, 0.2);
    color: var(--dark-secondary);
}

.dark-mode .alert-danger {
    background-color: rgba(207, 102, 121, 0.1);
    border-color: rgba(207, 102, 121, 0.2);
    color: var(--dark-error);
}

/* الشارات */
.dark-mode .badge.bg-light {
    background-color: var(--dark-surface-2) !important;
    color: var(--dark-text);
}

/* الأقسام الخاصة بالموقع */
.dark-mode .hero-section {
    background-color: var(--dark-bg);
}

.dark-mode .services-section,
.dark-mode .packages-section,
.dark-mode .testimonials-section,
.dark-mode .booking-section,
.dark-mode .before-after-section,
.dark-mode .stats-section {
    background-color: var(--dark-surface);
}

/* عناوين الأقسام في الوضع الليلي */
.dark-mode .section-title h2,
.dark-mode .services-title h2,
.dark-mode .before-after-title h2,
.dark-mode .booking-form-header h4,
.dark-mode .testimonials-section h2,
.dark-mode .packages-section h2,
.dark-mode .stats-section h2,
.dark-mode .services-section h2,
.dark-mode .services-section .section-title h2,
.dark-mode .services-section .services-title h2,
.dark-mode .before-after-section h2,
.dark-mode .before-after-section .section-title h2,
.dark-mode .before-after-section .before-after-title h2,
.dark-mode .testimonials-section .section-title h2,
.dark-mode .packages-section .section-title h2,
.dark-mode .stats-section .section-title h2,
.dark-mode h2,
.dark-mode h2.section-title,
.dark-mode .section-title h2,
.dark-mode .modern-title h2,
.dark-mode .title-line {
    color: #bb86fc !important; /* لون موف */
}

/* إصلاح النقاط في الوضع الليلي */
.dark-mode .stats-value,
.dark-mode .stats-label,
.dark-mode .stats-icon,
.dark-mode .stats-card .stats-value,
.dark-mode .stats-card .stats-label,
.dark-mode .stats-card .stats-icon {
    color: #ffffff !important;
}

/* إصلاح صور الخدمات في الوضع الليلي */
.dark-mode .service-image img {
    filter: brightness(1) !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* إصلاح عناوين الخدمات في الوضع الليلي */
.dark-mode .service-title,
.dark-mode .service-name,
.dark-mode .service-card-modern .service-title,
.dark-mode .service-card-grid .service-title,
.dark-mode .service-card .service-title,
.dark-mode .service-list-title,
.dark-mode .service-card-modern h3,
.dark-mode .service-card-grid h3,
.dark-mode .service-card h3,
.dark-mode .service-list-item h3,
.dark-mode .service-item h3,
.dark-mode .service-box h3,
.dark-mode .service-box-title,
.dark-mode .service-item-title {
    color: #ffffff !important;
}

/* إصلاح وصف الخدمات في الوضع الليلي */
.dark-mode .service-description,
.dark-mode .service-card-modern .service-description,
.dark-mode .service-card-grid .service-description,
.dark-mode .service-card .service-description,
.dark-mode .service-item-description,
.dark-mode .service-box-description,
.dark-mode .service-list-description,
.dark-mode p.service-description,
.dark-mode .service-card p,
.dark-mode .service-item p,
.dark-mode .service-box p {
    color: #cccccc !important;
}

/* إحصائيات العميل */
.dark-mode .stats-card {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* نموذج الحجز */
.dark-mode .booking-form-card {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.dark-mode .booking-form-header {
    border-color: var(--dark-border);
}

.dark-mode .booking-form-icon {
    background-color: var(--dark-primary);
    color: white;
}

.dark-mode .booking-form-header h4 {
    color: var(--dark-text);
}

.dark-mode .form-label {
    color: var(--dark-text);
}

.dark-mode .form-text {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .btn-submit {
    background: linear-gradient(135deg, var(--success-color) 0%, var(--success-color) 100%);
    border: none;
}

.dark-mode .btn-submit:hover {
    background: linear-gradient(135deg, var(--success-color) 30%, var(--success-color) 100%);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.dark-mode .footer {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
}

/* لوحة التحكم */
.dark-mode .sidebar {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
}

.dark-mode .sidebar .nav-link {
    color: var(--dark-text);
}

.dark-mode .sidebar .nav-link:hover,
.dark-mode .sidebar .nav-link.active {
    background-color: var(--dark-hover);
    color: var(--dark-primary);
}

.dark-mode .main-content {
    background-color: var(--dark-bg);
}

.dark-mode .dropdown-menu {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.dark-mode .dropdown-item {
    color: var(--dark-text);
}

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus {
    background-color: var(--dark-hover);
    color: var(--dark-primary);
}

.dark-mode .dropdown-divider {
    border-color: var(--dark-border);
}

/* تحسينات إضافية للقوائم المنسدلة في الوضع الليلي */
.dark-mode .dropdown-toggle::after {
    color: var(--dark-text);
}

.dark-mode .dropdown-item .fas,
.dark-mode .dropdown-item .far,
.dark-mode .dropdown-item .fab {
    color: var(--dark-primary);
}

.dark-mode .dropdown-item.text-danger {
    color: var(--dark-error) !important;
}

.dark-mode .dropdown-item.text-danger:hover {
    background-color: rgba(207, 102, 121, 0.1);
}

/* تحسينات إضافية للوحة التحكم */
.dark-mode .navbar-admin {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.dark-mode .navbar-admin .navbar-brand {
    color: var(--dark-primary);
}

.dark-mode .navbar-admin .navbar-toggler {
    border-color: var(--dark-border);
    color: var(--dark-text);
}

/* تحسينات لجداول الحجوزات في الوضع الليلي */
.dark-mode .modern-table {
    background-color: var(--dark-surface);
    color: var(--dark-text);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dark-mode .modern-table thead th {
    background-color: var(--dark-surface-2);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

.dark-mode .modern-table thead th:after {
    background: linear-gradient(90deg, rgba(187, 134, 252, 0.5), rgba(187, 134, 252, 0));
}

.dark-mode .modern-table tbody tr {
    border-color: var(--dark-border);
}

.dark-mode .modern-table tbody tr:hover {
    background-color: var(--dark-hover);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.dark-mode .modern-table tbody td {
    color: var(--dark-text);
    border-color: var(--dark-border);
}

.dark-mode .booking-row.active-row {
    background-color: var(--dark-hover);
}

.dark-mode .data-box {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dark-mode .data-box-title {
    background-color: var(--dark-surface);
    color: var(--dark-primary);
    border-color: var(--dark-border);
}

.dark-mode .data-box-content {
    color: var(--dark-text);
}

.dark-mode .data-box-label {
    color: var(--dark-text-secondary);
}

.dark-mode .data-box-value {
    color: var(--dark-text);
}

/* تحسينات للمربعات الفارغة */
.dark-mode .empty-row td {
    background-color: var(--dark-surface);
}

.dark-mode .empty-icon {
    color: var(--dark-text-secondary);
}

.dark-mode .empty-message {
    color: var(--dark-text);
}

.dark-mode .empty-description {
    color: var(--dark-text-secondary);
}

/* تحسينات للفلاتر في الوضع الليلي */
.dark-mode .filters-container {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
}

.dark-mode .filters-title {
    color: var(--dark-primary);
}

.dark-mode .filter-label {
    color: var(--dark-text);
}

.dark-mode .filter-input,
.dark-mode .filter-select {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .filter-input:focus,
.dark-mode .filter-select:focus {
    border-color: var(--dark-primary);
    box-shadow: 0 0 0 0.25rem rgba(187, 134, 252, 0.25);
}

/* تحسينات للأزرار في الوضع الليلي */
.dark-mode .action-btn {
    border-color: var(--dark-border);
}

.dark-mode .action-btn-primary {
    background-color: var(--dark-primary);
    color: #000;
}

.dark-mode .action-btn-secondary {
    background-color: var(--dark-surface-2);
    color: var(--dark-text);
}

.dark-mode .action-btn:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* تحسينات لقائمة الإجراءات في الوضع الليلي */
.dark-mode .actions-btn {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .actions-btn:hover {
    background-color: var(--dark-hover);
}

.dark-mode .actions-dropdown-menu {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.dark-mode .actions-dropdown-item {
    color: var(--dark-text);
}

.dark-mode .actions-dropdown-item:hover {
    background-color: var(--dark-hover);
    color: var(--dark-primary);
}

.dark-mode .actions-dropdown-divider {
    background-color: var(--dark-border);
}

.dark-mode .actions-dropdown-item.text-danger {
    color: #ff6b6b;
}

.dark-mode .actions-dropdown-item.text-danger:hover {
    background-color: rgba(255, 107, 107, 0.1);
}

/* تحسينات RTL للوحة التحكم */
.dark-mode .admin-sidebar {
    background-color: var(--dark-surface);
    border-left: 1px solid var(--dark-border);
    border-right: none;
}

.dark-mode .admin-sidebar .nav-link {
    color: var(--dark-text);
}

.dark-mode .admin-sidebar .nav-link:hover {
    background-color: var(--dark-hover);
}

.dark-mode .admin-sidebar .nav-link.active {
    background-color: var(--dark-hover);
    color: var(--dark-primary);
    border-right: 3px solid var(--dark-primary);
}

.dark-mode .admin-sidebar .nav-link i {
    margin-left: 10px;
    margin-right: 0;
}

.dark-mode .admin-card {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dark-mode .admin-card .card-header {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
}

.dark-mode .admin-card .card-title {
    color: var(--dark-text);
}

.dark-mode .admin-card .card-subtitle {
    color: var(--dark-text-secondary);
}

.dark-mode .admin-card .card-body {
    color: var(--dark-text);
}

.dark-mode .admin-card .card-footer {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
}

.dark-mode .dashboard-stats .stat-card {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
}

.dark-mode .dashboard-stats .stat-icon {
    color: var(--dark-primary);
}

.dark-mode .dashboard-stats .stat-value {
    color: var(--dark-text);
}

.dark-mode .dashboard-stats .stat-label {
    color: var(--dark-text-secondary);
}

.dark-mode .table-responsive {
    background-color: var(--dark-surface);
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.dark-mode .pagination .page-link {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .pagination .page-link:hover {
    background-color: var(--dark-hover);
    border-color: var(--dark-border);
    color: var(--dark-primary);
}

.dark-mode .pagination .page-item.active .page-link {
    background-color: var(--dark-primary);
    border-color: var(--dark-primary);
    color: white;
}

.dark-mode .pagination .page-item.disabled .page-link {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
    color: var(--dark-text-secondary);
}

.dark-mode .modal-content {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
}

.dark-mode .modal-header {
    border-color: var(--dark-border);
}

.dark-mode .modal-footer {
    border-color: var(--dark-border);
}

.dark-mode .close {
    color: var(--dark-text);
}

.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* زر تبديل الوضع */
.dark-mode-toggle {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.dark-mode-toggle:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.dark-mode .dark-mode-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode-toggle i {
    font-size: 1.2rem;
}

.dark-mode-toggle .fa-sun {
    display: none;
}

.dark-mode-toggle .fa-moon {
    display: inline-block;
}

.dark-mode .dark-mode-toggle .fa-sun {
    display: inline-block;
}

.dark-mode .dark-mode-toggle .fa-moon {
    display: none;
}

/* تعديلات إضافية للوضع الليلي */
.dark-mode .service-card,
.dark-mode .package-card,
.dark-mode .testimonial-card {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
}

.dark-mode .service-card .service-content,
.dark-mode .package-card .package-content,
.dark-mode .testimonial-card .testimonial-content {
    color: var(--dark-text);
}

.dark-mode .service-card .service-description,
.dark-mode .testimonial-card .testimonial-content p {
    color: var(--dark-text-secondary);
}

.dark-mode .before-after-slider {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.dark-mode .modal-content {
    background-color: var(--dark-surface);
    border-color: var(--dark-border);
}

.dark-mode .modal-header,
.dark-mode .modal-footer {
    border-color: var(--dark-border);
}

.dark-mode .close {
    color: var(--dark-text);
}

/* تعديلات للتقويم */
.dark-mode .fc-theme-standard .fc-scrollgrid,
.dark-mode .fc-theme-standard td,
.dark-mode .fc-theme-standard th {
    border-color: var(--dark-border);
}

.dark-mode .fc-theme-standard .fc-scrollgrid-section > td {
    background-color: var(--dark-surface);
}

.dark-mode .fc-col-header-cell-cushion,
.dark-mode .fc-daygrid-day-number {
    color: var(--dark-text);
}

.dark-mode .fc-daygrid-day.fc-day-today {
    background-color: rgba(187, 134, 252, 0.1);
}

.dark-mode .fc-button-primary {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .fc-button-primary:hover {
    background-color: var(--dark-hover);
    border-color: var(--dark-border);
}

.dark-mode .fc-button-primary:not(:disabled).fc-button-active,
.dark-mode .fc-button-primary:not(:disabled):active {
    background-color: var(--dark-primary);
    border-color: var(--dark-primary);
    color: #fff;
}

/* تعديلات للرسوم البيانية */
.dark-mode .chart-container canvas {
    filter: invert(0.9) hue-rotate(180deg);
}

/* تحسينات RTL إضافية */
.dark-mode .dropdown-menu-end {
    left: 0 !important;
    right: auto !important;
}

.dark-mode .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.dark-mode .me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

.dark-mode .me-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

.dark-mode .me-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

.dark-mode .ps-2 {
    padding-right: 0.5rem !important;
    padding-left: 0 !important;
}

.dark-mode .pe-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}

.dark-mode .text-start {
    text-align: right !important;
}

.dark-mode .text-end {
    text-align: left !important;
}

/* تحسينات الجداول في الوضع الليلي */
.dark-mode .dataTables_wrapper .dataTables_filter {
    text-align: left;
}

.dark-mode .dataTables_wrapper .dataTables_filter input {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
    margin-right: 0;
    margin-left: 0.5rem;
}

.dark-mode .dataTables_wrapper .dataTables_length select {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

.dark-mode .dataTables_wrapper .dataTables_info,
.dark-mode .dataTables_wrapper .dataTables_paginate {
    color: var(--dark-text) !important;
}

.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--dark-text) !important;
}

.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--dark-primary) !important;
    border-color: var(--dark-primary) !important;
    color: white !important;
}

.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--dark-hover) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-primary) !important;
}