#header { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); position: sticky; top: 0; z-index: 1000; backdrop-filter: blur(0px); transition: all 0.3s ease; } /* إضافة حدود سفلية أنيقة */ #header .main-menu { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } /* جعل المسافات أكثر اتساقًا */ #header .nav-main .nav-link { padding: 12px 20px; margin: 0 2px; border-radius: 8px; transition: all 0.25s ease; } /* تأثير hover دائري وناعم */ #header .nav-main .nav-link:hover { background: rgba(0, 0, 0, 0.04); transform: translateY(-1px); } /* تحسين شكل الأزرار */ #header .btn-sell-now { border-radius: 40px !important; padding: 8px 24px !important; font-weight: 600; letter-spacing: 0.3px; transition: all 0.25s ease; } #header .btn-sell-now:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } /* تحسين أيقونة المفضلة */ #header .li-main-nav-right a { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 30px; transition: all 0.25s ease; } #header .li-main-nav-right a:hover { background: rgba(0, 0, 0, 0.04); transform: translateY(-1px); } /* تحسين شريط البحث */ #header .top-search-bar .input-search { border-radius: 50px; padding: 10px 20px; transition: all 0.25s ease; } #header .top-search-bar .input-search:focus { transform: scale(1.01); } #header .top-search-bar .btn-search { border-radius: 50px; width: 45px; transition: all 0.25s ease; } #header .top-search-bar .btn-search:hover { transform: scale(1.05); } /* تحسين القائمة المنسدلة */ #header .dropdown-menu { border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: none; margin-top: 8px; overflow: hidden; } #header .dropdown-item { transition: all 0.2s ease; padding: 10px 20px; } #header .dropdown-item:hover { background: rgba(0, 0, 0, 0.04); padding-right: 24px; } /* تحسين صورة البروفايل */ #header .a-profile img { border-radius: 50%; transition: all 0.25s ease; } #header .a-profile:hover img { transform: scale(1.05); } /* إضافة شريط سفلي متحرك تحت القائمة (لمسة أنيقة) */ #header .nav-main { position: relative; } #header .nav-main::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: currentColor; opacity: 0.1; } /* تحسين شكل الجوال */ @media (max-width: 768px) { .mobile-nav-container { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .btn-open-mobile-nav { transition: all 0.2s ease; } .btn-open-mobile-nav:active { transform: scale(0.95); } }