/* تصميم الشريط العلوي */ .country-bar { display: flex; justify-content: flex-start; /* محاذاة العناصر إلى اليسار */ align-items: center; background-color: transparent; /* خلفية شفافة */ padding: 10px 20px; /* مساحة داخلية */ gap: 25px; /* مسافة بين الأعلام */ flex-wrap: wrap; /* لتفريق العناصر عموديًا عند الحاجة */ } .country-item { text-align: center; /* توسيط النص والعلم */ } .country-bar a { text-decoration: none; /* إزالة التسطير */ display: flex; flex-direction: column; /* ترتيب العلم والنص عموديًا */ align-items: center; color: #F3D0B1; /* لون النص الجديد */ font-size: 14px; /* حجم النص */ font-family: Arial, sans-serif; /* خط النص */ } .country-bar img { width: 24px; /* حجم صورة العلم */ height: 16px; /* ارتفاع صورة العلم */ transition: transform 0.3s ease; /* تأثير عند التحويم */ } .country-bar img:hover { transform: scale(1.2); /* تكبير العلم عند التحويم */ } /* استجابة للهواتف */ @media (max-width: 768px) { .country-bar { gap: 15px; /* تقليل المسافة بين العناصر */ flex-direction: row; /* ترتيب العناصر أفقيًا */ overflow-x: auto; /* إضافة تمرير أفقي عند الحاجة */ padding: 10px; /* تقليل المساحة الداخلية */ } .country-bar img { width: 20px; /* تقليل حجم الصور على الهواتف */ height: 14px; } .country-bar a { font-size: 12px; /* تقليل حجم النص على الهواتف */ } }