/*
Theme Name: SNN Washington Pro
Author: SNN Agency
Description: تصميم إخباري رصين مستوحى من واشنطن بوست مع تقسيم شبكي وخطوط صحفية.
Version: 4.0
*/

@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@700&family=Cairo:wght@400;700&display=swap');

body { font-family: 'Cairo', sans-serif; direction: rtl; background: #fff; color: #111; margin: 0; line-height: 1.8; }
.container { width: 92%; max-width: 1200px; margin: 0 auto; }

/* شريط عاجل */
.breaking-news { color: #fff; padding: 10px 0; font-size: 15px; }
.bn-title { background: rgba(0,0,0,0.2); padding: 4px 12px; font-weight: bold; margin-left: 15px; border-radius: 2px; }

/* الهيدر */
.site-header { padding: 40px 0 10px; border-bottom: 4px double #000; margin-bottom: 20px; }
.logo { font-family: 'Amiri', serif; font-size: 60px; font-weight: 900; text-align: center; margin: 0; letter-spacing: -2px; }
.tagline { text-align: center; font-family: 'Amiri', serif; font-style: italic; font-size: 18px; margin-bottom: 15px; }

/* القائمة */
.nav-list { list-style: none; padding: 10px 0; margin: 0; display: flex; justify-content: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.nav-list li { margin: 0 15px; }
.nav-list a { font-weight: bold; color: #222; font-size: 15px; text-decoration: none; }

/* التقسيم الرئيسي */
.main-layout { display: flex; gap: 40px; margin-top: 30px; }
.content-area { flex: 3; }
.sidebar { flex: 1; border-right: 1px solid #eee; padding-right: 20px; }

/* المقالات */
.featured-news { border-bottom: 2px solid #000; padding-bottom: 30px; margin-bottom: 30px; }
.featured-news h2 { font-family: 'Amiri', serif; font-size: 45px; line-height: 1.2; margin: 15px 0; }
.featured-news img { width: 100%; height: auto; border-radius: 2px; }
.news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.news-item { border-top: 1px solid #eee; padding-top: 15px; }
.news-item h3 { font-family: 'Amiri', serif; font-size: 22px; margin: 0 0 10px; }

/* الفوتر */
.site-footer { background: #000; color: #fff; text-align: center; padding: 40px 0; margin-top: 50px; }

@media (max-width: 768px) {
    .main-layout { flex-direction: column; }
    .news-grid { grid-template-columns: 1fr; }
    .logo { font-size: 40px; }
}