/* ==========================================================================
   Hala Menu Platform - Custom Stylesheet
   ========================================================================== */

/* --- 1. Base Styles & Scrollbar (شريط التمرير) --- */
::-webkit-scrollbar { 
    width: 8px; 
    height: 8px;
}
::-webkit-scrollbar-track { 
    background: #f8fafc; 
}
.dark ::-webkit-scrollbar-track { 
    background: #09090b; 
}
::-webkit-scrollbar-thumb { 
    background: #cbd5e1; 
    border-radius: 4px; 
}
.dark ::-webkit-scrollbar-thumb { 
    background: #3f3f46; 
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #a855f7; 
}
.dark ::-webkit-scrollbar-thumb:hover { 
    background: #a855f7; 
}

/* السحب السلس للصفحة */
html {
    scroll-behavior: smooth;
}

/* --- 2. Glassmorphism Effects (التأثيرات الزجاجية الاحترافية) --- */

/* البطاقات الزجاجية والشريط العلوي */
.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
}

.dark .glass-panel {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* النوافذ المنبثقة والقائمة الجانبية */
.glass-modal {
    background: rgba(248, 250, 252, 0.85); /* Slate 50 with opacity */
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.dark .glass-modal {
    background: rgba(9, 9, 11, 0.85); /* Zinc 950 with opacity */
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* --- 3. 3D Transforms (تأثيرات الهاتف ثلاثية الأبعاد) --- */
.perspective-1000 { 
    perspective: 1000px; 
}


.hover\\:rotate-y-0:hover { 
    transform: rotateY(0deg) rotateX(0deg); 
}

/* --- 4. Utilities (أدوات إضافية) --- */

/* إخفاء شريط التمرير لمناطق معينة (مثل شريط العلامات التجارية) */
.hide-scroll { 
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;    /* Firefox */
}
.hide-scroll::-webkit-scrollbar { 
    display: none; /* Chrome, Safari and Opera */
}