/* إجبار تحديث ألوان الهيدر - أولوية عالية */

/* الهيدر الرئيسي - إجبار التغيير */
header.fixed.top-0.left-0.right-0.z-50 {
    background: linear-gradient(135deg, #0f1419 0%, #1a2e1a 25%, #26a17b 50%, #1a8462 75%, #0e4b36 100%) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    border-bottom: 2px solid rgba(38, 161, 123, 0.4) !important;
    box-shadow: 0 10px 40px rgba(14, 75, 54, 0.5) !important;
}

/* إزالة الألوان الخضراء القديمة */
header.bg-gradient-to-r.from-green-700\/95.via-emerald-600\/95.to-teal-700\/95 {
    background: linear-gradient(135deg, #0f1419 0%, #1a2e1a 25%, #26a17b 50%, #1a8462 75%, #0e4b36 100%) !important;
}

/* تحديث جميع عناصر الهيدر */
header {
    background: linear-gradient(135deg, #0f1419 0%, #1a2e1a 25%, #26a17b 50%, #1a8462 75%, #0e4b36 100%) !important;
}

/* الشعار */
header h1 {
    background: linear-gradient(45deg, #ffffff 0%, #34d399 25%, #26a17b 50%, #ffffff 75%, #2ecc71 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 15px rgba(38, 161, 123, 0.6)) !important;
}

/* النص التوضيحي */
header p.text-green-200 {
    color: rgba(52, 211, 153, 0.95) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 15px rgba(38, 161, 123, 0.4) !important;
}

/* أزرار التنقل */
header button {
    background: rgba(38, 161, 123, 0.15) !important;
    border: 1px solid rgba(38, 161, 123, 0.3) !important;
    backdrop-filter: blur(15px) !important;
}

header button:hover {
    background: rgba(38, 161, 123, 0.25) !important;
    border-color: rgba(52, 211, 153, 0.6) !important;
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 10px 30px rgba(38, 161, 123, 0.4) !important;
}

/* أزرار تسجيل الدخول والتسجيل */
header a[href*="login"] {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

header a[href*="register"] {
    background: linear-gradient(45deg, #26a17b, #1a8462) !important;
    border: 1px solid #26a17b !important;
    color: white !important;
}

/* القائمة المنسدلة */
#mobileMenu {
    background: linear-gradient(135deg, rgba(15, 20, 25, 0.98) 0%, rgba(26, 46, 26, 0.95) 50%, rgba(14, 75, 54, 0.98) 100%) !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    border: 1px solid rgba(38, 161, 123, 0.4) !important;
}

/* عناصر القائمة */
#mobileMenu button {
    background: rgba(38, 161, 123, 0.1) !important;
    border: 1px solid rgba(38, 161, 123, 0.2) !important;
}

#mobileMenu button:hover {
    background: rgba(38, 161, 123, 0.25) !important;
    border-color: rgba(52, 211, 153, 0.5) !important;
}

/* الأيقونات الملونة في القائمة */
#mobileMenu .bg-gradient-to-br.from-blue-500.to-blue-600 {
    background: linear-gradient(135deg, #26a17b, #1a8462) !important;
}

#mobileMenu .bg-gradient-to-br.from-green-500.to-green-600 {
    background: linear-gradient(135deg, #34d399, #26a17b) !important;
}

#mobileMenu .bg-gradient-to-br.from-purple-500.to-purple-600 {
    background: linear-gradient(135deg, #1a8462, #0e4b36) !important;
}

#mobileMenu .bg-gradient-to-br.from-yellow-500.to-yellow-600 {
    background: linear-gradient(135deg, #2ecc71, #26a17b) !important;
}

#mobileMenu .bg-gradient-to-br.from-orange-500.to-orange-600 {
    background: linear-gradient(135deg, #26a17b, #34d399) !important;
}

/* الفاصل العمودي */
header .h-8.w-px.bg-white\/30 {
    background: linear-gradient(to bottom, transparent 0%, rgba(38, 161, 123, 0.4) 25%, rgba(52, 211, 153, 0.6) 50%, rgba(38, 161, 123, 0.4) 75%, transparent 100%) !important;
}

/* تأثيرات الإشعارات */
header .bg-red-500 {
    background: linear-gradient(45deg, #ef4444, #dc2626) !important;
    animation: notificationPulse 2s ease-in-out infinite !important;
}

@keyframes notificationPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* تحسينات الاستجابة */
@media (max-width: 768px) {
    header {
        background: linear-gradient(135deg, rgba(15, 20, 25, 0.95) 0%, rgba(26, 46, 26, 0.9) 50%, rgba(14, 75, 54, 0.95) 100%) !important;
    }
}

/* تأثيرات التمرير */
.header-scrolled {
    background: rgba(15, 20, 25, 0.98) !important;
    backdrop-filter: blur(35px) saturate(200%) !important;
    box-shadow: 0 20px 50px rgba(14, 75, 54, 0.8) !important;
}

/* طبقة إضافية للتأكد من التطبيق */
body header,
html header {
    background: linear-gradient(135deg, #0f1419 0%, #1a2e1a 25%, #26a17b 50%, #1a8462 75%, #0e4b36 100%) !important;
}

/* إزالة أي تأثيرات Tailwind متضاربة */
header[class*="bg-gradient"] {
    background: linear-gradient(135deg, #0f1419 0%, #1a2e1a 25%, #26a17b 50%, #1a8462 75%, #0e4b36 100%) !important;
}

/* تطبيق فوري عند التحميل */
header * {
    transition: all 0.3s ease !important;
}

/* تأثير الانعكاس */
header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(38, 161, 123, 0.1) 0%, rgba(52, 211, 153, 0.05) 50%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}

/* محتوى الهيدر */
header .container {
    position: relative;
    z-index: 10;
}