/* 1. تعريف الخطوط المحلية من مجلد assets/fonts */
@font-face {
    font-family: 'AlArabiya';
    src: url('../assets/fonts/alarabiyaBoutros2020-Regular.woff2') format('woff2');
    font-weight: 400;
}
@font-face {
    font-family: 'AlArabiya';
    src: url('../assets/fonts/alarabiyaBoutros2020-Bold.woff2') format('woff2');
    font-weight: 700;
}
@font-face {
    font-family: 'AlArabiya';
    src: url('../assets/fonts/alarabiyaBoutros2020-Light.woff2') format('woff2');
    font-weight: 300;
}

/* 2. الهيكل العام للهيدر والنافبار */
#site-header-container { 
    width: 100% !important; 
    direction: rtl !important; 
    background: #fff !important; 
    font-family: 'AlArabiya', sans-serif !important; 
}

/* 3. الشريط الأسود العلوي */
.top-black-bar { 
    background: #000 !important; 
    color: #fff !important; 
    padding: 10px 0 !important; 
    font-size: 13px !important; 
    width: 100% !important; 
}
.date-side { 
    text-align: left !important; 
    padding-left: 7.5% !important; 
}

/* 4. الهيدر الأوسط */
.header-main-bar { 
    padding: 20px 0 !important; 
    border-bottom: 1px solid #eee !important; 
    background: #fff !important; 
}
.header-content { 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important; 
}
.main-site-logo a { 
    text-decoration: none !important; 
    color: inherit !important; 
}

/* 5. الإعلان المتجاوب */
.ad-728x90 { 
    max-width: 728px !important; 
    height: 90px !important; 
    overflow: hidden !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    background: #f8f8f8 !important; 
}
.ad-728x90 img { 
    max-width: 100% !important; 
    max-height: 100% !important; 
    object-fit: contain !important; 
}

/* 6. النافبار */
.categories-navbar { 
    background: #fff !important; 
    border-bottom: 1px solid #ddd !important; 
    width: 100% !important; 
    z-index: 999999 !important; 
    transition: none !important; 
}
.categories-navbar .container { 
    width: 85% !important; 
    margin: 0 auto !important; 
}

/* 7. الروابط والقوائم */
.nav-links { 
    list-style: none !important; 
    display: flex !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}
.has-dropdown { 
    position: relative !important; 
}
.has-dropdown > a { 
    display: block !important; 
    padding: 15px 20px !important; 
    color: #333 !important; 
    font-weight: 700 !important; 
    text-decoration: none !important; 
    font-size: 16px !important; 
    font-family: 'AlArabiya', sans-serif !important;
}
.has-dropdown > a:hover { 
    color: #dc2626 !important; 
}

/* 8. القائمة المنسدلة */
.dropdown { 
    display: none !important; 
    position: absolute !important; 
    top: 100% !important; 
    right: 0 !important; 
    background: #fff !important; 
    min-width: 220px !important; 
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; 
    z-index: 999999 !important; 
    border-top: 2px solid #333 !important; 
}
.has-dropdown:hover .dropdown { 
    display: block !important; 
}
.dropdown li a { 
    padding: 12px 15px !important; 
    display: block !important; 
    color: #444 !important; 
    font-size: 14px !important; 
    border-bottom: 1px solid #f0f0f0 !important; 
    text-decoration: none !important; 
    font-family: 'AlArabiya', sans-serif !important;
}
.dropdown li a:hover { 
    background: #f9f9f9 !important; 
    color: #dc2626 !important; 
}