/* تنسيقات دعم Dark Mode للصفحات الجديدة */

/* تنسيقات قسم الفرص الاستثمارية */
.projects,.modal-body {
    background: var(--bg);
}

.projects .section_title {
    color: var(--text-color);
}

.projects .wrap_section_title p {
    color: var(--text-color-light);
}

/* تنسيقات كروت الفرص الاستثمارية */
.mycard {
    background: var(--card-color);
    border: 1px solid var(--light-border);
}

.mycard_body .title {
    color: var(--text-color);
}

.mycard_body .details {
    color: var(--text-color-light);
}

.mycard_body .btn {
    color: white;
}

/* تنسيقات صفحة تفاصيل الفرصة */
.opportunity-details {
    background: var(--bg);
    color: var(--text-color);
}

.opportunity-details .card {
    background: var(--card-color);
    border: 1px solid var(--light-border);
}

.opportunity-details .table {
    color: var(--text-color);
}

.opportunity-details .table td {
    border-color: var(--light-border);
    background: var(--card-color);
}

.opportunity-details .stat-label {
    color: var(--text-color-light);
}

.breadcrumb-item a {
    color: var(--primary);
}

.breadcrumb-item.active {
    color: var(--text-color-light);
}

/* تنسيقات البحث والفلترة */
.form-control, .form-select {
    background-color: var(--input-color);
    color: var(--text-color);
    border: 1px solid var(--light-border);
}

.form-control:focus, .form-select:focus {
    background-color: var(--input-color);
    color: var(--text-color);
    border-color: var(--primary);
}

/* تنسيقات الترقيم */
.pagination .page-link {
    background-color: var(--card-color);
    color: var(--text-color);
    border: 1px solid var(--light-border);
}

.pagination .page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

/* تنسيقات الـ Badges */
.badge {
    color: white;
}

/* تنسيقات الجداول في الوضع الداكن */
.table {
    --bs-table-bg: var(--card-color);
    --bs-table-color: var(--text-color);
    --bs-table-border-color: var(--light-border);
}

/* تحسينات للعرض على الجوال في الوضع الداكن */
@media (max-width: 768px) {
    .mycard {
        background: var(--card-color);
    }

    .opportunity-details .card {
        background: var(--card-color);
    }
}


/* في ملف CSS الخاص بك */
.user-name-div  .dropdown-toggle span {
    display: block;
    max-width: 120px; /* تحديد عرض أقصى */
    min-width: 60px; /* تحديد عرض أقصى */
    word-break: break-word;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

[data-theme="dark"] .appointment-form-card {
    background: #23262f;
    border-color: #444;
    color: #fff;
}

/* تنسيقات Flatpickr في الوضع المظلم */
[data-theme="dark"] .flatpickr-calendar {
    background: #23262f;
    border-color: #444;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .flatpickr-months .flatpickr-month {
    background: #23262f;
    color: #fff;
    fill: #fff;
}

[data-theme="dark"] .flatpickr-weekdays {
    background: #2d3039;
    border-bottom-color: #444;
}

[data-theme="dark"] .flatpickr-weekday {
    background: #2d3039;
    color: #fff;
    font-weight: 600;
}

[data-theme="dark"] .flatpickr-day {
    background: #23262f;
    color: #fff;
    border: 1px solid #374151;
}

[data-theme="dark"] .flatpickr-day:hover {
    background: #374151;
    border-color: #4b5563;
    color: #fff;
}

[data-theme="dark"] .flatpickr-day.selected {
    background: #3b82f6;
    border-color: #3b82f6;
    color: #fff;
}

[data-theme="dark"] .flatpickr-day.today {
    background: #1f2937;
    border-color: #3b82f6;
    color: #3b82f6;
}

[data-theme="dark"] .flatpickr-day.today:hover {
    background: #3b82f6;
    color: #fff;
}

[data-theme="dark"] .flatpickr-day.disabled {
    background: #1f2937;
    color: #6b7280;
    text-decoration: line-through;
}

[data-theme="dark"] .flatpickr-day.flatpickr-disabled {
    background: #1f2937;
    color: #6b7280;
}

[data-theme="dark"] .flatpickr-current-month {
    color: #fff;
}

[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #23262f;
    color: #fff;
    border: 1px solid #444;
}

[data-theme="dark"] .flatpickr-current-month .numInputWrapper {
    background: #23262f;
    color: #fff;
}

[data-theme="dark"] .flatpickr-current-month .numInputWrapper input {
    color: #fff;
    background: #23262f;
}

[data-theme="dark"] .flatpickr-months .flatpickr-prev-month,
[data-theme="dark"] .flatpickr-months .flatpickr-next-month {
    color: #fff;
    fill: #fff;
}

[data-theme="dark"] .flatpickr-months .flatpickr-prev-month:hover,
[data-theme="dark"] .flatpickr-months .flatpickr-next-month:hover {
    background: #374151;
    color: #3b82f6;
    fill: #3b82f6;
}

/* تنسيقات الأزرار في Flatpickr */
[data-theme="dark"] .flatpickr-time {
    background: #23262f;
    border-top-color: #444;
}

[data-theme="dark"] .flatpickr-time .numInputWrapper {
    background: #23262f;
}

[data-theme="dark"] .flatpickr-time .numInputWrapper input {
    color: #fff;
    background: #23262f;
}

[data-theme="dark"] .flatpickr-time .flatpickr-am-pm {
    color: #fff;
    background: #23262f;
}

[data-theme="dark"] .flatpickr-time .flatpickr-am-pm:hover {
    background: #374151;
}

/* تنسيقات input الـ Flatpickr نفسه */
[data-theme="dark"] .flatpickr-input {
    background: #23262f;
    color: #fff;
    border-color: #444;
}

[data-theme="dark"] .flatpickr-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* تنسيقات time picker */
[data-theme="dark"] .flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #444;
}

[data-theme="dark"] .flatpickr-calendar.hasTime .flatpickr-innerContainer {
    border-bottom: none;
}

/* تنسيقات selected dates */
[data-theme="dark"] .flatpickr-day.inRange {
    background: #374151;
    border-color: #4b5563;
    color: #fff;
    box-shadow: -5px 0 0 #374151, 5px 0 0 #374151;
}

[data-theme="dark"] .flatpickr-day.startRange,
[data-theme="dark"] .flatpickr-day.endRange {
    background: #3b82f6;
    border-color: #3b82f6;
    color: #fff;
}

/* تنسيقات week numbers */
[data-theme="dark"] .flatpickr-weeknumbers {
    background: #2d3039;
    border-right: 1px solid #444;
}

[data-theme="dark"] .flatpickr-weeknumber {
    color: #9ca3af;
}

/* تنسيقات اليوم الحالي */
[data-theme="dark"] .flatpickr-day.today {
    border-color: #3b82f6;
}

[data-theme="dark"] .flatpickr-day.today:hover {
    background: #3b82f6;
    color: #fff;
}

/* تنسيقات arrows */
[data-theme="dark"] .flatpickr-prev-month svg,
[data-theme="dark"] .flatpickr-next-month svg {
    fill: #fff;
}

[data-theme="dark"] .flatpickr-prev-month:hover svg,
[data-theme="dark"] .flatpickr-next-month:hover svg {
    fill: #3b82f6;
}

/* تنسيقات dropdowns */
[data-theme="dark"] .flatpickr-monthDropdown-months {
    background: #23262f;
    color: #fff;
    border: 1px solid #444;
}

[data-theme="dark"] .flatpickr-monthDropdown-months option {
    background: #23262f;
    color: #fff;
}

[data-theme="dark"] .flatpickr-monthDropdown-months:hover {
    background: #374151;
}

/* تنسيقات time input */
[data-theme="dark"] .flatpickr-time input {
    color: #fff;
    background: #23262f;
}

[data-theme="dark"] .flatpickr-time input:hover {
    background: #374151;
}

/* تنسيقات الـ flatpickr في الحقول */
[data-theme="dark"] .form-control.flatpickr-input {
    background: #23262f;
    color: #fff;
    border-color: #444;
}

[data-theme="dark"] .form-control.flatpickr-input:focus {
    border-color: #3b82f6;
    background: #23262f;
    color: #fff;
}
[data-theme="dark"] .flatpickr-calendar {
    background: #23262f;
    border-color: #444;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    width: 300px !important; /* تأكد من العرض */
    min-width: 300px;
    max-width: 100%;
}

[data-theme="dark"] .flatpickr-wrapper {
    position: relative;
    display: block;
}

[data-theme="dark"] .flatpickr-months {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    width: 100%;
}

[data-theme="dark"] .flatpickr-month {
    flex: 1;
    text-align: center;
}

[data-theme="dark"] .flatpickr-weekdays {
    display: flex;
    width: 100%;
}

[data-theme="dark"] .flatpickr-weekday {
    flex: 1;
    text-align: center;
    padding: 8px 0;
}

[data-theme="dark"] .flatpickr-days {
    width: 100%;
    display: block;
}

[data-theme="dark"] .flatpickr-day {
    width: 14.28%; /* 100% / 7 أيام */
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}
/* تنسيقات الأيام المعطلة في الوضع المظلم */
[data-theme="dark"] .flatpickr-day.flatpickr-disabled,
[data-theme="dark"] .flatpickr-day.flatpickr-disabled:hover,
[data-theme="dark"] .flatpickr-day.prevMonthDay,
[data-theme="dark"] .flatpickr-day.nextMonthDay,
[data-theme="dark"] .flatpickr-day.notAllowed,
[data-theme="dark"] .flatpickr-day.notAllowed.prevMonthDay,
[data-theme="dark"] .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(255, 255, 255, 0.3) !important; /* أبيض شفاف بدل رمادي */
    background: transparent !important;
    border-color: transparent !important;
    cursor: default !important;
}

/* تحسين تنسيقات الأيام المعطلة بشكل مفصل */
[data-theme="dark"] .flatpickr-day.flatpickr-disabled {
    color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    text-decoration: line-through !important;
}

[data-theme="dark"] .flatpickr-day.prevMonthDay,
[data-theme="dark"] .flatpickr-day.nextMonthDay {
    color: rgba(255, 255, 255, 0.4) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .flatpickr-day.notAllowed {
    color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .flatpickr-day.notAllowed.prevMonthDay,
[data-theme="dark"] .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(239, 68, 68, 0.05) !important;
}

/* أيام نهاية الأسبوع المعطلة */
[data-theme="dark"] .flatpickr-day.flatpickr-disabled[data-day="5"], /* الجمعة */
[data-theme="dark"] .flatpickr-day.flatpickr-disabled[data-day="6"] { /* السبت */
    color: rgba(239, 68, 68, 0.5) !important;
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px dashed rgba(239, 68, 68, 0.3) !important;
}

/* تحسين hover للأيام المعطلة */
[data-theme="dark"] .flatpickr-day.flatpickr-disabled:hover,
[data-theme="dark"] .flatpickr-day.prevMonthDay:hover,
[data-theme="dark"] .flatpickr-day.nextMonthDay:hover,
[data-theme="dark"] .flatpickr-day.notAllowed:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    transform: none !important;
    cursor: pointer !important;
}

/* تنسيقات Flatpickr في الوضع الفاتح */
[data-theme="light"] .flatpickr-calendar {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .flatpickr-months .flatpickr-month {
    background: #ffffff;
    color: #374151;
    fill: #374151;
}

[data-theme="light"] .flatpickr-weekdays {
    background: #f8fafc;
    border-bottom-color: #e5e7eb;
}

[data-theme="light"] .flatpickr-weekday {
    background: #f8fafc;
    color: #4b5563;
    font-weight: 600;
}

[data-theme="light"] .flatpickr-day {
    background: #ffffff;
    color: #374151;
    border: 1px solid #f3f4f6;
}

[data-theme="light"] .flatpickr-day:hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #374151;
}

[data-theme="light"] .flatpickr-day.selected {
    background: #3b82f6;
    border-color: #3b82f6;
    color: #ffffff;
}

[data-theme="light"] .flatpickr-day.today {
    background: #eff6ff;
    border-color: #3b82f6;
    color: #3b82f6;
}

[data-theme="light"] .flatpickr-day.today:hover {
    background: #3b82f6;
    color: #ffffff;
}

[data-theme="light"] .flatpickr-day.disabled {
    background: #f9fafb;
    color: #9ca3af;
    text-decoration: line-through;
}

[data-theme="light"] .flatpickr-day.flatpickr-disabled {
    background: #f9fafb;
    color: #9ca3af;
}

[data-theme="light"] .flatpickr-current-month {
    color: #111827;
}

[data-theme="light"] .flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #ffffff;
    color: #374151;
    border: 1px solid #d1d5db;
}

[data-theme="light"] .flatpickr-current-month .numInputWrapper {
    background: #ffffff;
    color: #374151;
}

[data-theme="light"] .flatpickr-current-month .numInputWrapper input {
    color: #374151;
    background: #ffffff;
}

[data-theme="light"] .flatpickr-months .flatpickr-prev-month,
[data-theme="light"] .flatpickr-months .flatpickr-next-month {
    color: #6b7280;
    fill: #6b7280;
}

[data-theme="light"] .flatpickr-months .flatpickr-prev-month:hover,
[data-theme="light"] .flatpickr-months .flatpickr-next-month:hover {
    background: #f3f4f6;
    color: #3b82f6;
    fill: #3b82f6;
}

/* تنسيقات الأزرار في Flatpickr */
[data-theme="light"] .flatpickr-time {
    background: #ffffff;
    border-top-color: #e5e7eb;
}

[data-theme="light"] .flatpickr-time .numInputWrapper {
    background: #ffffff;
}

[data-theme="light"] .flatpickr-time .numInputWrapper input {
    color: #374151;
    background: #ffffff;
}

[data-theme="light"] .flatpickr-time .flatpickr-am-pm {
    color: #374151;
    background: #ffffff;
}

[data-theme="light"] .flatpickr-time .flatpickr-am-pm:hover {
    background: #f3f4f6;
}

/* تنسيقات input الـ Flatpickr نفسه */
[data-theme="light"] .flatpickr-input {
    background: #ffffff;
    color: #374151;
    border-color: #d1d5db;
}

[data-theme="light"] .flatpickr-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* تنسيقات time picker */
[data-theme="light"] .flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #e5e7eb;
}

[data-theme="light"] .flatpickr-calendar.hasTime .flatpickr-innerContainer {
    border-bottom: none;
}

/* تنسيقات selected dates */
[data-theme="light"] .flatpickr-day.inRange {
    background: #eff6ff;
    border-color: #dbeafe;
    color: #1e40af;
    box-shadow: -5px 0 0 #eff6ff, 5px 0 0 #eff6ff;
}

[data-theme="light"] .flatpickr-day.startRange,
[data-theme="light"] .flatpickr-day.endRange {
    background: #3b82f6;
    border-color: #3b82f6;
    color: #ffffff;
}

/* تنسيقات week numbers */
[data-theme="light"] .flatpickr-weeknumbers {
    background: #f8fafc;
    border-right: 1px solid #e5e7eb;
}

[data-theme="light"] .flatpickr-weeknumber {
    color: #6b7280;
}

/* تنسيقات اليوم الحالي */
[data-theme="light"] .flatpickr-day.today {
    border-color: #3b82f6;
}

[data-theme="light"] .flatpickr-day.today:hover {
    background: #3b82f6;
    color: #ffffff;
}

/* تنسيقات arrows */
[data-theme="light"] .flatpickr-prev-month svg,
[data-theme="light"] .flatpickr-next-month svg {
    fill: #6b7280;
}

[data-theme="light"] .flatpickr-prev-month:hover svg,
[data-theme="light"] .flatpickr-next-month:hover svg {
    fill: #3b82f6;
}

/* تنسيقات dropdowns */
[data-theme="light"] .flatpickr-monthDropdown-months {
    background: #ffffff;
    color: #374151;
    border: 1px solid #d1d5db;
}

[data-theme="light"] .flatpickr-monthDropdown-months option {
    background: #ffffff;
    color: #374151;
}

[data-theme="light"] .flatpickr-monthDropdown-months:hover {
    background: #f3f4f6;
}

/* تنسيقات time input */
[data-theme="light"] .flatpickr-time input {
    color: #374151;
    background: #ffffff;
}

[data-theme="light"] .flatpickr-time input:hover {
    background: #f3f4f6;
}

/* تنسيقات الـ flatpickr في الحقول */
[data-theme="light"] .form-control.flatpickr-input {
    background: #ffffff;
    color: #374151;
    border-color: #d1d5db;
}

[data-theme="light"] .form-control.flatpickr-input:focus {
    border-color: #3b82f6;
    background: #ffffff;
    color: #374151;
}

[data-theme="light"] .flatpickr-calendar {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    width: 300px !important;
    min-width: 300px;
    max-width: 100%;
}

[data-theme="light"] .flatpickr-wrapper {
    position: relative;
    display: block;
}

[data-theme="light"] .flatpickr-months {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    width: 100%;
}

[data-theme="light"] .flatpickr-month {
    flex: 1;
    text-align: center;
}

[data-theme="light"] .flatpickr-weekdays {
    display: flex;
    width: 100%;
}

[data-theme="light"] .flatpickr-weekday {
    flex: 1;
    text-align: center;
    padding: 8px 0;
}

[data-theme="light"] .flatpickr-days {
    width: 100%;
    display: block;
}

[data-theme="light"] .flatpickr-day {
    width: 14.28%; /* 100% / 7 أيام */
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}

/* تنسيقات الأيام المعطلة في الوضع الفاتح */
[data-theme="light"] .flatpickr-day.flatpickr-disabled,
[data-theme="light"] .flatpickr-day.flatpickr-disabled:hover,
[data-theme="light"] .flatpickr-day.prevMonthDay,
[data-theme="light"] .flatpickr-day.nextMonthDay,
[data-theme="light"] .flatpickr-day.notAllowed,
[data-theme="light"] .flatpickr-day.notAllowed.prevMonthDay,
[data-theme="light"] .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(156, 163, 175, 0.7) !important;
    background: transparent !important;
    border-color: transparent !important;
    cursor: default !important;
}

/* تحسين تنسيقات الأيام المعطلة بشكل مفصل */
[data-theme="light"] .flatpickr-day.flatpickr-disabled {
    color: rgba(156, 163, 175, 0.5) !important;
    background: rgba(249, 250, 251, 0.5) !important;
    text-decoration: line-through !important;
}

[data-theme="light"] .flatpickr-day.prevMonthDay,
[data-theme="light"] .flatpickr-day.nextMonthDay {
    color: rgba(156, 163, 175, 0.8) !important;
    background: rgba(249, 250, 251, 0.5) !important;
}

[data-theme="light"] .flatpickr-day.notAllowed {
    color: rgba(239, 68, 68, 0.6) !important;
    background: rgba(254, 226, 226, 0.5) !important;
    border-color: rgba(254, 226, 226, 0.8) !important;
}

[data-theme="light"] .flatpickr-day.notAllowed.prevMonthDay,
[data-theme="light"] .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(239, 68, 68, 0.6) !important;
    background: rgba(254, 226, 226, 0.3) !important;
}

/* أيام نهاية الأسبوع المعطلة */
[data-theme="light"] .flatpickr-day.flatpickr-disabled[data-day="5"], /* الجمعة */
[data-theme="light"] .flatpickr-day.flatpickr-disabled[data-day="6"] { /* السبت */
    color: rgba(239, 68, 68, 0.5) !important;
    background: rgba(254, 226, 226, 0.3) !important;
    border: 1px dashed rgba(252, 165, 165, 0.5) !important;
}

/* تحسين hover للأيام المعطلة */
[data-theme="light"] .flatpickr-day.flatpickr-disabled:hover,
[data-theme="light"] .flatpickr-day.prevMonthDay:hover,
[data-theme="light"] .flatpickr-day.nextMonthDay:hover,
[data-theme="light"] .flatpickr-day.notAllowed:hover {
    background: rgba(249, 250, 251, 0.8) !important;
    border-color: rgba(209, 213, 219, 0.5) !important;
    transform: none !important;
    cursor: pointer !important;
}

/* تنسيقات إضافية للوضع الفاتح */
[data-theme="light"] .flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #ffffff;
    color: #374151;
    border-radius: 4px;
}

[data-theme="light"] .flatpickr-current-month .numInputWrapper input {
    border-radius: 4px;
    border: 1px solid #d1d5db;
}

[data-theme="light"] .flatpickr-day.selected.startRange + .endRange:not(.endRange) {
    box-shadow: -10px 0 0 #3b82f6;
}
[data-theme="light"] #submitBtn:hover
{
    background-color: black !important;
}
