/* =========================================================
   Glassy Blue Gradient Override (بدون حذف أي كود)
========================================================= */

/* الشريط الرئيسي */
.second_nav:not(.in_home):not(.in_course){
    background: linear-gradient(
        135deg,
        rgba(41,180,227,0.95) 0%,
        rgba(56,189,248,0.92) 45%,
        rgba(14,165,233,0.90) 100%
    ) !important;

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow:
        0 10px 20px rgba(2,8,23,.18),
        inset 0 0.5px 0 rgba(255,255,255,.10) !important;
}

/* تحسين النصوص فوق الخلفية الزجاجية */
.second_nav:not(.in_home) .center_div .main_list > li > a,
.second_nav:not(.in_home) .setting_mobile span,
.second_nav:not(.in_home) .settings .lang{
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(2,8,23,.35);
}

/* أيقونة البحث */
.second_nav:not(.in_home) .search_box .icon{
    background: linear-gradient(
        135deg,
        #0ea5e9,
        #38bdf8
    ) !important;
}

/* Hover للقائمة */
.second_nav:not(.in_home) .center_div .main_list>li>a:hover{
    color: #e0f2fe !important;
}

/* Dropdown hover */
.second_nav .center_div .main_list>li .dropdown_menu li a:hover{
    background: linear-gradient(
        135deg,
        #0ea5e9,
        #38bdf8
    ) !important;
    color: #fff !important;
}

/* أيقونات الهيدر */
.second_nav:not(.in_home) .settings .icon,
.second_nav:not(.in_home) .setting_mobile .icon{
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 10px 22px rgba(2,8,23,.18);
}

/* Hover للأيقونات */
.second_nav:not(.in_home) .settings .icon:hover,
.second_nav:not(.in_home) .setting_mobile .icon:hover{
    background: linear-gradient(
        135deg,
        #0ea5e9,
        #38bdf8
    ) !important;
    color: #fff !important;
}

/* لمسة لمعان خفيفة أعلى الشريط */
.second_nav:not(.in_home)::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,.18),
        transparent 70%
    );
    pointer-events:none;
}
/* =========================================================
   Header Menu Enhancements (Font + Position + Spacing)
========================================================= */

/* تحريك القائمة الرئيسية لليمين */
.second_nav .center_div{
    justify-content: flex-end !important;
}

/* تكبير خط عناصر القائمة */
.second_nav .center_div .main_list > li > a,
.second_nav .center_div .main_list > li > a span{
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
}

/* تكبير المسافة بين عناصر القائمة */
.second_nav .center_div .main_list{
    gap: 0 42px !important; /* المسافة الأفقية */
}

/* زيادة مساحة الضغط لكل عنصر (إحساس Premium) */
.second_nav .center_div .main_list > li{
    padding: 14px 0 !important;
}

/* تكبير أيقونة السهم */
.second_nav .center_div .main_list > li > a i{
    font-size: 14px !important;
}

/* تحسين الإحساس عند المرور */
.second_nav .center_div .main_list > li > a{
    transition: all .2s ease;
}

.second_nav .center_div .main_list > li > a:hover{
    transform: translateY(-1px);
    opacity: .95;
}

/* موبايل: لا نكسر التصميم */
@media (max-width: 991.98px){
    .second_nav .center_div{
        justify-content: space-between !important;
    }

    .second_nav .center_div .main_list{
        gap: 0 18px !important;
    }

    .second_nav .center_div .main_list > li > a{
        font-size: 17px !important;
    }
}
/* تكبير أيقونات الإشعارات */
.second_nav .settings .icon {
    width: 40px;
    height: 40px;
    font-size: 28px;
}

/* تكبير الدوائر الحمراء */
.second_nav .settings .icon .active {
    width: 20px;
    height: 20px;
    font-size: 12px;
    top: -10px;
}/* =================================
   Smart Nav Text Color (Contextual)
================================= */

/* الحالة الافتراضية: الشريط الأزرق */
.second_nav:not(.in_home) .center_div .main_list > li > a,
.second_nav:not(.in_home) .center_div .main_list > li > a span,
.second_nav:not(.in_home) .center_div .main_list > li > a i{
  color: #ffffff !important;   /* أبيض نقي */
  text-shadow: none !important;
  opacity: 1 !important;
}

/* hover في الشريط الأزرق */
.second_nav:not(.in_home) .center_div .main_list > li > a:hover,
.second_nav:not(.in_home) .center_div .main_list > li > a:hover span{
  color: #ffffff !important;
}

/* =================================
   الصفحة البيضاء (in_home)
================================= */

.second_nav.in_home .center_div .main_list > li > a,
.second_nav.in_home .center_div .main_list > li > a span,
.second_nav.in_home .center_div .main_list > li > a i{
  color: #000000 !important;   /* أسود صافي */
  text-shadow: none !important;
  opacity: 1 !important;
}

/* hover في الصفحة البيضاء */
.second_nav.in_home .center_div .main_list > li > a:hover,
.second_nav.in_home .center_div .main_list > li > a:hover span{
  color: #000000 !important;
}
/* =================================
   Smart Nav Text Color (Contextual)
================================= */

/* الحالة الافتراضية: الشريط الأزرق */
.second_nav:not(.in_home) .center_div .main_list > li > a,
.second_nav:not(.in_home) .center_div .main_list > li > a span,
.second_nav:not(.in_home) .center_div .main_list > li > a i{
  color: #ffffff !important;   /* أبيض نقي */
  text-shadow: none !important;
  opacity: 1 !important;
}

/* hover في الشريط الأزرق */
.second_nav:not(.in_home) .center_div .main_list > li > a:hover,
.second_nav:not(.in_home) .center_div .main_list > li > a:hover span{
  color: #ffffff !important;
}

/* =================================
   الصفحة البيضاء (in_home)
================================= */

.second_nav.in_home .center_div .main_list > li > a,
.second_nav.in_home .center_div .main_list > li > a span,
.second_nav.in_home .center_div .main_list > li > a i{
  color: #000000 !important;   /* أسود صافي */
  text-shadow: none !important;
  opacity: 1 !important;
}

/* hover في الصفحة البيضاء */
.second_nav.in_home .center_div .main_list > li > a:hover,
.second_nav.in_home .center_div .main_list > li > a:hover span{
  color: #000000 !important;
}


/* اخفاء الدائرة اذا كانت فاضية */
.second_nav .icon .active:empty {
    display: none !important;
}
/* 1) اخفاء العداد اذا كان فاضي (بدون رقم) */
.second_nav .icon .active:empty {
    display: none !important;
}

/* 2) خلي الاحمر للعدادات فقط (سلة/اشعارات) */
.second_nav .icon .active {
    background-color: #ef4444 !important;
    color: #fff !important;
}

/* 3) نقطة حالة المستخدم (اخضر ناصع) */
.second_nav .icon.user-status {
    position: relative;
}

.second_nav .icon.user-status.online::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    width: 16px;
    height: 16px;
    background-color: #22c55e; /* اخضر ناصع */
    border-radius: 50%;
    border: 0.5px solid #fff;
}

/* الشريط الأزرق → خط أبيض نقي */
.second_nav:not(.in_home) .main_list > li > a,
.second_nav:not(.in_home) .main_list > li > a span {
    color: #ffffff !important;
    font-weight: 700;
}

/* الصفحة البيضاء → خط أسود */
.second_nav.in_home .main_list > li > a,
.second_nav.in_home .main_list > li > a span {
    color: #0f172a !important;
    font-weight: 700;
}
.second_nav .main_list > li > a span {
    font-size: 18px !important;
    letter-spacing: 0.3px;
}/* دفع القائمة لليمين */
.second_nav .center_div {
    justify-content: flex-end !important;
}

/* زيادة المسافة بين عناصر القائمة */
.second_nav .center_div .main_list {
    gap: 0 36px !important;
}
.second_nav:not(.in_home) {
    background: linear-gradient(
        135deg,
        rgba(56,189,248,0.95),
        rgba(14,165,233,0.95)
    ) !important;

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow: 0 12px 28px rgba(0,0,0,.15);
}
.second_nav .main_list > li > a:hover span {
    color: #e0f2fe !important;
}