/* تأثير الزجاج (Glassmorphism) للعناصر */
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05);
}

.dark .glass {
    background: rgba(18, 18, 18, 0.7); /* Deep OLED Gray */
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 20px 40px -15px rgba(0,0,0,0.5);
}

/* تأثير ظهور ناعم للصفحات */
.fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* تخصيص شريط التمرير (Scrollbar) ليناسب التصميم */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9; 
}
.dark ::-webkit-scrollbar-track {
    background: #0f172a; 
}
::-webkit-scrollbar-thumb {
    background: #10b981; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #059669; 
}

/* إخفاء شريط التمرير بالكامل للحاويات الأفقية مع الإبقاء على ميزة السحب */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* تأثير حركات خلفية لصفحة تسجيل الدخول */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 7s infinite;
}
.animation-delay-2000 {
    animation-delay: 2s;
}
.animation-delay-4000 {
    animation-delay: 4s;
}

/* إصلاح عرض التقويم (FullCalendar) في الشاشات الصغيرة (الموبايل) */
@media (max-width: 768px) {
    .fc .fc-header-toolbar {
        flex-direction: column;
        gap: 1rem;
        align-items: center !important;
    }
    .fc .fc-toolbar-chunk {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .fc .fc-toolbar-title {
        font-size: 1.25rem !important;
        text-align: center;
    }
    .fc .fc-button {
        padding: 0.4em 0.65em !important;
        font-size: 0.85rem !important;
    }
}



/* تحسين عرض التقويم في الموبايل بالسماح بالتمرير الأفقي للأسبوع */
@media (max-width: 768px) {
    .fc-dayGridWeek-view .fc-scrollgrid {
        min-width: 600px;
    }
}

/* منع كسر النصوص ومحاذاة العناوين في جميع جداول النظام */
table th {
    white-space: nowrap !important;
    text-align: center !important;
}
table td {
    white-space: nowrap !important;
}

/* ==========================================================================
   GLOBAL FIX FOR CHROMIUM SELECT POPUP CLIPPING IN TRANSFORMED MODALS
   ========================================================================== */
.fixed select,
[role="dialog"] select,
div[id*="Modal"] select,
div[id*="modal"] select {
    color-scheme: light dark;
}
html.dark select,
.dark select {
    color-scheme: dark !important;
}
select option {
    background-color: #ffffff !important;
    color: #111827 !important;
}
html.dark select option,
.dark select option {
    background-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Ensure modal containers allow native select dropdown popups to escape clipping */
.fixed.inset-0 div[class*="transform"],
.fixed.inset-0 div[class*="scale-"],
.fixed div[class*="transform"],
.fixed div[class*="scale-"],
[role="dialog"] div[class*="transform"],
[role="dialog"] div[class*="scale-"],
div[id*="Modal"] div[class*="transform"],
div[id*="modal"] div[class*="transform"] {
    overflow: visible !important;
}

/* ==========================================================================
   HIGH Z-INDEX OVERRIDE FOR CUSTOM DOM SELECT ENGINE
   ========================================================================== */
.custom-select-container {
    position: relative !important;
}
.custom-select-container.open {
    z-index: 9999 !important;
}
.custom-select-dropdown {
    position: fixed !important;
    z-index: 9999999 !important;
    background-color: #ffffff !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1) !important;
}
html.dark .custom-select-dropdown,
.dark .custom-select-dropdown {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   SWIPER NAVIGATION ARROW ICONS OVERRIDE (Font Awesome)
   ========================================================================== */
.swiper-button-next,
.swiper-button-prev {
    width: 2.25rem !important;
    height: 2.25rem !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    border-radius: 9999px !important;
    backdrop-filter: blur(4px) !important;
    transition: all 0.2s ease-in-out !important;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.85) !important;
    transform: scale(1.1) !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.swiper-button-next::after {
    content: "\f053" !important; /* FontAwesome chevron-left */
}
.swiper-button-prev::after {
    content: "\f054" !important; /* FontAwesome chevron-right */
}