/*
Theme Name: ElMadar News Pro
Theme URI: https://elmadar-news.example/
Author: ElMadar Team
Description: قالب ووردبريس احترافي فخم مستوحى من الجزيرة - أزرق/أبيض - RTL. يتضمّن شريط عاجل متحرك يمكن تفعيله من إعدادات التخصيص.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elmadar-news-pro
Tags: news, magazine, rtl, responsive, custom-logo, featured-images
*/
:root{
  --blue:#003366;
  --accent:#e60023;
  --light:#f4f6f8;
  --muted:#6b7280;
  --card-shadow: 0 8px 30px rgba(3,30,66,0.08);
}

html,body{direction:rtl;font-family:'Tajawal', 'Noto Sans Arabic', Arial, sans-serif;margin:0;padding:0;background:var(--light);color:#111;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}

/* Topbar */
.topbar{background:#fff;border-bottom:1px solid #e9f1ff;font-size:13px;color:var(--muted);}
.topbar .wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 16px;}
.topbar .news-ticker{background:var(--accent);color:#fff;padding:6px 10px;border-radius:6px;font-weight:700;margin-inline-start:auto;overflow:hidden;white-space:nowrap;}
.topbar .ticker-inner{display:inline-block;padding-left:100%;animation:scroll-ticker 18s linear infinite;}
@keyframes scroll-ticker{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}

/* Header */
.header{background:#fff;position:sticky;top:0;z-index:999;border-bottom:4px solid rgba(0,0,0,0.03);}
.header .wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:12px 16px;}
.site-brand{display:flex;align-items:center;gap:12px;}
.site-logo{font-size:26px;font-weight:800;color:var(--blue);letter-spacing:1px;}
.site-tag{font-size:13px;color:var(--muted);}

/* Primary nav */
.primary-nav{margin-inline-start:auto;}
.primary-nav ul{display:flex;gap:14px;list-style:none;margin:0;padding:0;}
.primary-nav a{padding:8px 12px;border-radius:6px;font-weight:600;color:var(--blue);}
.primary-nav a:hover{background:#e8f5ff;color:var(--blue);}

/* Hero */
.hero{max-width:1200px;margin:20px auto 10px;padding:0 16px;display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start;}
.hero .lead{background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--card-shadow);}
.lead img{width:100%;height:420px;object-fit:cover;display:block;}
.lead .meta{padding:14px;}
.lead h1{margin:0;color:var(--blue);font-size:28px;line-height:1.15;}
.lead p{color:var(--muted);margin-top:8px;}

/* Side list in hero */
.side-list{display:flex;flex-direction:column;gap:12px;}
.side-card{background:#fff;padding:12px;border-radius:8px;box-shadow:var(--card-shadow);display:flex;gap:10px;align-items:center;}
.side-card img{width:100px;height:62px;object-fit:cover;border-radius:6px;}
.side-card h4{margin:0;font-size:15px;color:var(--blue);}

/* Sections */
.section{max-width:1200px;margin:18px auto;padding:0 16px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--card-shadow);}
.card img{width:100%;height:180px;object-fit:cover;display:block;}
.card .card-body{padding:12px;}
.card h3{margin:0;color:var(--blue);font-size:16px;}

/* Sidebar */
.sidebar{display:flex;flex-direction:column;gap:12px;}
.widget{background:#fff;padding:12px;border-radius:10px;box-shadow:var(--card-shadow);}

/* Footer */
.footer{background:var(--blue);color:#fff;padding:30px 16px;margin-top:30px;}
.footer .wrap{max-width:1200px;margin:0 auto;display:flex;gap:20px;flex-wrap:wrap;}

/* Hidden by default (ticker controlled by customizer) */
.site-show-ticker .news-ticker{display:inline-block;}
.news-ticker{display:none;}

/* Responsive */
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:12px;}
  .grid-3{grid-template-columns:1fr;}
  .lead img{height:260px;}
}