/*
Theme Name: Aleqtisadia News
Theme URI: https://example.com/aleqtisadia
Author: Custom Build
Author URI: https://example.com
Description: قالب ووردبريس إخباري اقتصادي عربي RTL — صفحة رئيسية بأقسام ديناميكية، شريط أسهم متحرك، لوحات بيانات السوق، قسم فيديو، ونشرة بريدية. RTL Arabic economic news theme with dynamic homepage sections, stock ticker, market panels and video section.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aleqtisadia
Tags: rtl-language-support, news, custom-menu, featured-images, two-columns
*/

/* ============ RESET & TOKENS ============ */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --orange:#F5821F;
  --orange-dark:#d96f0e;
  --ink:#1a1a1a;
  --ink-2:#333;
  --gray:#6b6b6b;
  --gray-light:#9a9a9a;
  --line:#e6e6e6;
  --bg:#ffffff;
  --bg-soft:#f7f7f7;
  --dark:#1e1e1e;
  --darker:#141414;
  --green:#1a9e5c;
  --red:#d63131;
  --font:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;
  --max:1200px;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;font-size:15px}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:var(--orange)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
button{font-family:var(--font);cursor:pointer}
input{font-family:var(--font)}
.container{max-width:var(--max);margin:0 auto;padding:0 16px}
.up{color:var(--green)}
.down{color:var(--red)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ============ PLACEHOLDER / THUMBS ============ */
.ph{background:linear-gradient(135deg,#d8d8d8,#efefef);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ph::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(0,0,0,.03) 0 12px,transparent 12px 24px)}
.ph svg{width:42px;height:42px;opacity:.35}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.ph.t1{background:linear-gradient(135deg,#c7b299,#e8ddcd)}
.ph.t2{background:linear-gradient(135deg,#9db3c7,#dbe6ef)}
.ph.t3{background:linear-gradient(135deg,#b3c7a4,#e2efd8)}
.ph.t4{background:linear-gradient(135deg,#c7a4a4,#efdada)}
.ph.t5{background:linear-gradient(135deg,#a4b6c7,#cfdce8)}
.ph.dark{background:linear-gradient(135deg,#2b2b2b,#4a4a4a)}
.ph.grape{background:linear-gradient(160deg,#3d5a2e 0%,#557a3e 45%,#6e4b7a 100%)}

/* ============ TOP BAR ============ */
.topbar{background:var(--darker);color:#cfcfcf;font-size:12.5px}
.topbar .container{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:12px;flex-wrap:wrap}
.topbar .date span{color:#fff}
.topbar .search-form,.topbar .search{display:flex;align-items:center;gap:6px}
.topbar .search-form input[type=search],.topbar .search input{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#eee;padding:4px 10px;font-size:12.5px;width:180px;outline:none}
.topbar .search-form input[type=search]:focus{border-color:var(--orange)}
.topbar .search-form button,.topbar .search button{background:var(--orange);border:none;color:#fff;border-radius:4px;min-width:28px;height:26px;display:grid;place-items:center;padding:0 8px;font-size:13px}

/* ============ HEADER ============ */
header.site-header{border-bottom:3px solid var(--orange);background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--line)}
.admin-bar header.site-header{top:32px}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:20px}
.logo{display:flex;flex-direction:column;line-height:1.1}
.logo .brand{font-size:30px;font-weight:700;color:var(--orange);letter-spacing:-.5px}
.logo .tag{font-size:10.5px;color:var(--gray);font-weight:400}
.logo img.custom-logo{max-height:44px;width:auto}
nav.main-nav{flex:1}
nav.main-nav ul{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-start}
nav.main-nav a{display:block;padding:8px 12px;font-weight:600;font-size:14.5px;border-radius:4px}
nav.main-nav li.current-menu-item>a,nav.main-nav a.active{color:var(--orange)}
nav.main-nav a:hover{background:var(--bg-soft)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:6px;width:40px;height:40px;font-size:18px}

/* ============ TICKER ============ */
.ticker-wrap{background:#111;color:#eee;overflow:hidden;border-bottom:1px solid #2c2c2c}
.ticker{display:flex;width:max-content;animation:tick 45s linear infinite;direction:ltr}
.ticker-wrap:hover .ticker{animation-play-state:paused}
.ticker .item{display:flex;align-items:center;gap:8px;padding:8px 22px;font-size:13px;white-space:nowrap;border-inline-end:1px solid #2c2c2c;direction:rtl}
.ticker .item b{font-weight:600}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ INDEX BAR ============ */
.index-bar{background:var(--orange);color:#fff}
.index-bar .container{display:flex;align-items:center;gap:16px;min-height:44px;font-weight:600;flex-wrap:wrap}
.index-bar .live{background:#fff;color:var(--orange);border-radius:3px;font-size:11.5px;padding:1px 8px;display:flex;align-items:center;gap:5px}
.index-bar .live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.index-bar .val{font-size:17px}
.index-bar .chg{background:rgba(0,0,0,.18);padding:2px 10px;border-radius:3px;font-size:13.5px;direction:ltr}

/* ============ SECTION HEADINGS ============ */
.sec-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 18px;border-bottom:1px solid var(--line);padding-bottom:10px}
.sec-head h2{font-size:21px;font-weight:700;position:relative;padding-bottom:10px}
.sec-head h2::after{content:"";position:absolute;bottom:-11px;right:0;width:56px;height:3px;background:var(--orange)}
.sec-head .more{font-size:13px;color:var(--gray);font-weight:600}
.sec-head .more:hover{color:var(--orange)}
.cat{color:var(--orange);font-size:12.5px;font-weight:700}
.meta{color:var(--gray-light);font-size:12px;display:flex;align-items:center;gap:6px}
.meta::before{content:"\1F553";font-size:11px;filter:grayscale(1);opacity:.7}

/* ============ HERO ============ */
.hero{display:grid;grid-template-columns:2fr 1fr;gap:28px;margin-top:26px}
.hero-main .ph{aspect-ratio:16/9;border-radius:6px}
.hero-main h1{font-size:27px;line-height:1.45;font-weight:700;margin:14px 0 8px}
.hero-main .excerpt{color:var(--ink-2);font-size:15px}
.hero-main .byline{color:var(--gray);font-size:13px;margin:8px 0 12px}
.hero-side{display:flex;flex-direction:column}
.side-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.side-card:first-child{padding-top:0}
.side-card .ph{width:110px;min-width:110px;aspect-ratio:4/3;border-radius:5px}
.side-card h3{font-size:14.5px;font-weight:600;line-height:1.55;margin:2px 0 6px}

/* ============ LATEST NEWS STRIP ============ */
.latest{background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;margin-top:30px;overflow:hidden}
.latest .head{background:var(--dark);color:#fff;padding:10px 16px;font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}
.latest .head::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);animation:pulse 1.4s infinite}
.latest ul{display:grid;grid-template-columns:repeat(2,1fr)}
.latest li{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:10px;align-items:baseline}
.latest li time{color:var(--orange);font-weight:700;font-size:12px;white-space:nowrap}

/* ============ MARKET SECTION ============ */
.market{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.panel{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.panel .p-head{background:var(--bg-soft);padding:10px 14px;font-weight:700;font-size:14.5px;border-bottom:1px solid var(--line)}
.panel table{width:100%;border-collapse:collapse;font-size:13.5px}
.panel td{padding:9px 14px;border-bottom:1px solid #f0f0f0}
.panel tr:last-child td{border-bottom:none}
.panel td.num{text-align:left;font-weight:600;white-space:nowrap;direction:ltr}
.panel td.pct{text-align:left;font-weight:700;white-space:nowrap;direction:ltr;width:70px}
.tabs{display:flex;border-bottom:1px solid var(--line);background:var(--bg-soft)}
.tabs button{flex:1;padding:10px;background:none;border:none;font-weight:700;font-size:14px;color:var(--gray);border-bottom:2px solid transparent}
.tabs button.on{color:var(--orange);border-bottom-color:var(--orange);background:#fff}
.tab-pane{display:none}
.tab-pane.on{display:block}

/* ============ GOLD CARD ============ */
.gold{background:linear-gradient(135deg,var(--orange),#f9a04a);border-radius:6px;color:#fff;padding:18px;display:flex;flex-direction:column;gap:14px}
.gold .g-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}
.gold .g-head small{font-weight:400;font-size:11.5px;opacity:.9}
.gold .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}
.gold .cell{background:rgba(255,255,255,.16);border-radius:6px;padding:10px 6px}
.gold .cell .k{font-size:11.5px;opacity:.9}
.gold .cell .v{font-size:16px;font-weight:700;direction:ltr}
.gold .foot{display:flex;justify-content:space-between;font-size:12.5px;background:rgba(0,0,0,.12);border-radius:6px;padding:8px 12px}

/* ============ NEWSLETTER ============ */
.newsletter{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;margin:40px 0;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.newsletter h3{font-size:19px}
.newsletter p{color:var(--gray);font-size:13.5px}
.newsletter form{display:flex;gap:10px;flex-wrap:wrap}
.newsletter input{border:1px solid var(--line);border-radius:5px;padding:11px 16px;min-width:260px;font-size:14px;outline:none}
.newsletter input:focus{border-color:var(--orange)}
.newsletter button{background:var(--orange);color:#fff;border:none;border-radius:5px;padding:11px 26px;font-weight:700;font-size:14.5px}
.newsletter button:hover{background:var(--orange-dark)}

/* ============ NEWS GRIDS ============ */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.news-card .ph{aspect-ratio:16/10;border-radius:5px}
.news-card h3{font-size:14.5px;font-weight:600;line-height:1.6;margin:10px 0 6px}
.list-flat li{padding:11px 0;border-bottom:1px solid var(--line)}
.list-flat li:last-child{border-bottom:none}
.list-flat h3{font-size:14.5px;font-weight:600;line-height:1.6;margin-bottom:4px}

/* ============ TWO COL ============ */
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:28px}
.rank{counter-reset:r;list-style:none}
.rank li{counter-increment:r;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.rank li::before{content:counter(r);min-width:34px;height:34px;border:2px solid var(--orange);color:var(--orange);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px}
.rank h3{font-size:14px;font-weight:600;line-height:1.55}

/* ============ VIDEO ============ */
.video-sec{background:var(--dark);color:#eee;padding:40px 0;margin:44px 0}
.video-sec .sec-head{border-color:#3a3a3a}
.video-sec .sec-head h2{color:#fff}
.video-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:26px}
.v-main .ph{aspect-ratio:16/9;border-radius:6px}
.play{position:absolute;z-index:2;width:64px;height:64px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(245,130,31,.28);transition:transform .2s}
.v-main:hover .play,.v-item:hover .play{transform:scale(1.08)}
.play::before{content:"";border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;margin-inline-start:4px}
.v-main h3{font-size:20px;margin:14px 0 8px;line-height:1.5}
.v-main p{color:#bdbdbd;font-size:14px}
.v-list .v-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #3a3a3a}
.v-item .ph{width:130px;min-width:130px;aspect-ratio:16/10;border-radius:5px}
.v-item .play{width:34px;height:34px;box-shadow:0 0 0 5px rgba(245,130,31,.25)}
.v-item .play::before{border-width:6px 0 6px 10px;margin-inline-start:2px}
.v-item h3{font-size:13.5px;font-weight:600;line-height:1.55;margin-bottom:5px}
.v-item .meta{color:#8f8f8f}

/* ============ PHOTO STORY ============ */
.photo-story{position:relative;border-radius:8px;overflow:hidden;margin:10px 0 0}
.photo-story .ph{aspect-ratio:21/8;border-radius:8px}
.photo-story .caption{position:absolute;bottom:0;right:0;left:0;padding:26px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);color:#fff;z-index:2}
.photo-story .caption .cat{color:#ffb168}
.photo-story .caption h3{font-size:22px;font-weight:700}

/* ============ TRIPLE ============ */
.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.triple .col .lead .ph{aspect-ratio:16/9;border-radius:5px;margin-bottom:10px}
.triple .col .lead h3{font-size:15.5px;font-weight:700;line-height:1.55}

/* ============ SINGLE / ARCHIVE ============ */
.entry{max-width:820px;margin:30px auto}
.entry h1.entry-title{font-size:30px;line-height:1.4;margin:10px 0}
.entry .entry-content{font-size:16.5px;line-height:2}
.entry .entry-content p{margin:0 0 18px}
.entry .entry-content h2,.entry .entry-content h3{margin:26px 0 12px}
.entry .post-thumb{border-radius:8px;overflow:hidden;margin:18px 0}
.archive-grid{margin-top:26px}
.page-title{font-size:24px;margin-top:30px}
.pagination{display:flex;gap:8px;justify-content:center;margin:34px 0}
.pagination .page-numbers{border:1px solid var(--line);border-radius:5px;padding:7px 14px;font-weight:600}
.pagination .page-numbers.current{background:var(--orange);color:#fff;border-color:var(--orange)}

/* ============ BACK TO TOP ============ */
#toTop{position:fixed;bottom:24px;left:24px;width:44px;height:44px;border-radius:50%;background:var(--orange);color:#fff;border:none;font-size:18px;display:none;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:200}
#toTop.show{display:grid}

/* ============ FOOTER ============ */
footer.site-footer{background:var(--darker);color:#bdbdbd;margin-top:50px;font-size:13.5px}
.f-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:30px;padding:44px 0 30px}
.f-top h4,.f-top .widget-title{color:#fff;font-size:15px;margin-bottom:14px;position:relative;padding-bottom:8px;display:block}
.f-top h4::after,.f-top .widget-title::after{content:"";position:absolute;bottom:0;right:0;width:34px;height:2px;background:var(--orange)}
.f-top li{margin-bottom:9px}
.f-top a:hover{color:var(--orange)}
.f-logo{font-size:28px;font-weight:700;color:var(--orange)}
.f-news form{display:flex;margin-top:10px}
.f-news input{flex:1;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:5px 0 0 5px;border-left:none;padding:10px 14px;color:#eee;font-size:13px;outline:none}
.f-news button{background:var(--orange);border:none;color:#fff;padding:0 20px;border-radius:0 5px 5px 0;font-weight:700}
.social{display:flex;gap:10px;margin-top:16px}
.social a{width:36px;height:36px;border-radius:50%;background:#2a2a2a;display:grid;place-items:center;font-size:15px}
.social a:hover{background:var(--orange);color:#fff}
.f-bottom{border-top:1px solid #2c2c2c;padding:16px 0;text-align:center;font-size:12.5px;color:#8b8b8b}

/* ============ RESPONSIVE ============ */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr}
  .market{grid-template-columns:1fr 1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .two-col,.video-grid{grid-template-columns:1fr}
  .f-top{grid-template-columns:1fr 1fr}
}
@media(max-width:782px){.admin-bar header.site-header{top:46px}}
@media(max-width:720px){
  nav.main-nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:1px solid var(--line);padding:10px;box-shadow:0 10px 20px rgba(0,0,0,.08)}
  nav.main-nav.open{display:block}
  nav.main-nav ul{flex-direction:column}
  .burger{display:block}
  .market,.grid-2,.grid-4,.triple{grid-template-columns:1fr}
  .latest ul{grid-template-columns:1fr}
  .hero-main h1{font-size:21px}
  .topbar .search-form input[type=search]{width:120px}
  .gold .grid{grid-template-columns:repeat(2,1fr)}
  .newsletter{flex-direction:column;align-items:flex-start}
  .photo-story .ph{aspect-ratio:16/10}
}
@media(prefers-reduced-motion:reduce){
  .ticker{animation:none}
  *{transition:none!important;animation:none!important}
}