/* ══════════════════════════════════════════
   MAROC NEWS — Main Stylesheet v1.0.0
   RTL / Arabic / Elementor Compatible
══════════════════════════════════════════ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --or:#fb8b01; --or-dk:#d97000; --or-lt:#fff5e6; --or-md:rgba(251,139,1,.12);
  --bl:#1e73be; --bl-dk:#155a96; --bl-lt:#eaf3fc; --bl-md:rgba(30,115,190,.1);
  --brk:#d42b2b;
  --white:#fff; --bg:#f2f4f7; --surface:#fff;
  --ink:#111827; --ink2:#374151; --ink3:#6b7280; --ink4:#9ca3af;
  --rule:#e5e7eb; --rule2:#d1d5db;
  --sh:0 1px 4px rgba(0,0,0,.08);
  --sh2:0 4px 20px rgba(0,0,0,.1);
  --sh3:0 12px 40px rgba(0,0,0,.14);
  --radius:9px;
  --radius-sm:6px;
  --radius-lg:12px;
}
html{scroll-behavior:smooth}
body{font-family:'Noto Kufi Arabic',sans-serif;background:var(--bg);color:var(--ink);direction:rtl;font-size:14px;line-height:1.7}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;object-fit:cover}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul,ol{list-style:none}

/* ══ UTILITY ══ */
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mn-container{max-width:1300px;margin:0 auto;padding:0 22px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ══ BREAKING TICKER ══ */
.mn-brk-bar{background:var(--brk);display:flex;align-items:center;height:33px;overflow:hidden;position:relative;z-index:50}
.mn-brk-label{background:rgba(0,0,0,.3);padding:0 14px;height:100%;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;flex-shrink:0;border-left:2px solid rgba(255,255,255,.15)}
.mn-dot-blink{width:6px;height:6px;border-radius:50%;background:#ffbbbb;animation:mn-blink 1s infinite}
@keyframes mn-blink{0%,100%{opacity:1}50%{opacity:.1}}
.mn-tick-track{overflow:hidden;flex:1}
.mn-tick{display:flex;white-space:nowrap;animation:mn-tick 36s linear infinite;color:rgba(255,255,255,.93);font-size:12px;font-weight:500}
.mn-tick:hover{animation-play-state:paused}
.mn-tick span{padding:0 28px}
.mn-tick span::before{content:"▸ ";color:rgba(255,255,255,.4)}
@keyframes mn-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ══ UTILITY STRIP ══ */
.mn-util-strip{background:var(--ink);color:rgba(255,255,255,.65);font-size:11.5px}
.mn-util-inner{max-width:1300px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;height:32px;gap:12px}
.mn-util-left,.mn-util-right{display:flex;align-items:center;gap:0}
.mn-util-item{padding:0 11px;border-left:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:5px;white-space:nowrap;transition:color .2s;cursor:pointer}
.mn-util-item:first-child{border-left:none}
.mn-util-item:hover{color:var(--or)}
.mn-edition-badge{background:var(--or);color:#fff;font-size:10px;font-weight:800;padding:1px 7px;border-radius:2px;letter-spacing:.5px}

/* ══ MASTHEAD ══ */
.mn-masthead{background:var(--white);border-bottom:1px solid var(--rule)}
.mn-mast-wrap{max-width:1300px;margin:0 auto;padding:16px 22px;display:grid;grid-template-columns:200px 1fr 200px;align-items:center;gap:20px}
.mn-mast-left,.mn-mast-right{display:flex;flex-direction:column;gap:8px}
.mn-mast-right{align-items:flex-start}
.mn-mast-left{align-items:flex-end}
.mn-site-name{text-align:center}
.mn-sn-ar{font-size:46px;font-weight:900;color:var(--ink);letter-spacing:-2px;line-height:1}
.mn-sn-ar strong,.mn-sn-ar span.accent{color:var(--or)}
.mn-sn-rule{display:flex;align-items:center;gap:10px;margin:5px 0}
.mn-sn-line{flex:1;height:1px;background:var(--rule2)}
.mn-sn-tag{font-size:9.5px;letter-spacing:3.5px;text-transform:uppercase;color:var(--ink3);white-space:nowrap}
.mn-mast-date{font-size:12px;color:var(--ink3);font-weight:500}
.mn-mast-search{display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--rule2);border-radius:var(--radius-sm);padding:7px 12px;gap:8px;transition:border-color .2s}
.mn-mast-search:focus-within{border-color:var(--or)}
.mn-mast-search input{background:transparent;border:none;outline:none;font-family:inherit;font-size:12.5px;color:var(--ink);width:140px;direction:rtl}
.mn-mast-search input::placeholder{color:var(--ink4)}
.mn-mast-btn{background:var(--or);color:#fff;font-size:12.5px;font-weight:700;padding:8px 18px;border-radius:var(--radius-sm);transition:background .2s,box-shadow .2s;cursor:pointer;border:none}
.mn-mast-btn:hover{background:var(--or-dk);box-shadow:0 4px 16px rgba(251,139,1,.35)}

/* ══ PRIMARY NAV ══ */
.mn-pnav{background:var(--bl);position:relative !important;z-index:300;box-shadow:0 2px 16px rgba(30,115,190,.25)}
.mn-pnav-inner{max-width:1300px;margin:0 auto;display:flex;align-items:stretch;padding:0 22px;overflow-x:auto;scrollbar-width:none}
.mn-pnav-inner::-webkit-scrollbar{display:none}
.mn-pnav-link{color:rgba(255,255,255,.8);font-size:13px;font-weight:700;padding:13px 16px;white-space:nowrap;border-bottom:3px solid transparent;transition:all .2s;position:relative;display:flex;align-items:center}
.mn-pnav-link:hover,.mn-pnav-link.current-menu-item,.mn-pnav-link.current-menu-ancestor,.mn-pnav-link.act{color:#fff;border-bottom-color:var(--or)}
.mn-pnav-sp{flex:1}
.mn-pnav-live{display:flex;align-items:center;gap:6px;background:var(--brk);color:#fff;font-size:11.5px;font-weight:800;padding:0 16px;letter-spacing:.5px;cursor:pointer;margin:6px 0;border-radius:4px;white-space:nowrap}
.mn-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:14px 16px}
.mn-ham span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
.mn-pnav-mob-info{display:none}
@media(max-width:900px){
  .mn-pnav { 
    position: relative !important; 
    top: auto !important; 
    z-index: 300;
  }
  .mn-pnav-mob-info{display:flex;align-items:center;gap:15px;color:#fff;font-size:11px;font-weight:700;margin-right:10px;flex:1}
  .mn-pnav-mob-item{display:flex;align-items:center;gap:4px;white-space:nowrap}
  .mn-pnav-mob-item .up{color:#4ade80}
  .mn-pnav-mob-item .dn{color:#f87171}
  .mn-pnav-sp{display:none}
}

/* ══ MOBILE NAV ══ */
.mn-mnav{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999;backdrop-filter:blur(3px)}
.mn-mnav.open{display:block}
.mn-mnav-panel{position:absolute;top:0;right:0;bottom:0;width:290px;background:var(--white);padding:22px 20px;overflow-y:auto}
.mn-mnav-x{font-size:22px;cursor:pointer;color:var(--ink);margin-bottom:20px;display:block;background:none;border:none;width:100%;text-align:right}
.mn-mnav-panel a{display:block;padding:12px 0;border-bottom:1px solid var(--rule);font-size:15px;font-weight:700;color:var(--ink);transition:color .2s}
.mn-mnav-panel a:hover{color:var(--bl)}

/* ══ TOPICS BAR ══ */
.mn-topics{background:var(--white);border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.mn-topics::-webkit-scrollbar{display:none}
.mn-top-inner{max-width:1300px;margin:0 auto;padding:0 22px;display:flex;align-items:center;height:38px;gap:2px}
.mn-top-label{font-size:10.5px;font-weight:800;color:var(--bl);letter-spacing:1.5px;text-transform:uppercase;padding-left:14px;border-left:2px solid var(--bl);margin-left:12px;white-space:nowrap;flex-shrink:0}
.mn-top-tag{font-size:12px;font-weight:600;color:var(--ink3);padding:4px 13px;border-radius:20px;cursor:pointer;transition:all .2s;white-space:nowrap}
.mn-top-tag:hover,.mn-top-tag:focus{background:var(--bl-lt);color:var(--bl)}
.mn-top-tag.act{background:var(--bl);color:#fff}

/* ══ SECTION HEADERS ══ */
.mn-sec-hd{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.mn-sec-hd h2{font-size:16px;font-weight:800;color:var(--ink);white-space:nowrap;display:flex;align-items:center;gap:9px;letter-spacing:-.3px}
.mn-sec-bar{display:block;width:4px;height:18px;background:var(--or);border-radius:2px;flex-shrink:0}
.mn-sec-bar.bl{background:var(--bl)}
.mn-sec-bar.rd{background:var(--brk)}
.mn-sec-rule{flex:1;height:1px;background:var(--rule2)}
.mn-sec-more{font-size:11.5px;font-weight:700;color:var(--bl);border:1.5px solid var(--bl);padding:3px 12px;border-radius:20px;transition:all .2s;white-space:nowrap}
.mn-sec-more:hover{background:var(--bl);color:#fff}
.mn-sec-more.or{color:var(--or);border-color:var(--or)}
.mn-sec-more.or:hover{background:var(--or);color:#fff}

/* ══ FOOTER ══ */
.mn-footer{background:var(--ink);color:rgba(255,255,255,.65);margin-top:0}
.mn-ft-top{border-bottom:3px solid;border-image:linear-gradient(90deg,var(--or),var(--bl)) 1}
.mn-ft-grid{max-width:1300px;margin:0 auto;padding:36px 22px 26px;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:32px}
.mn-ft-brand-logo{font-size:34px;font-weight:900;color:#fff;letter-spacing:-1px;margin-bottom:10px}
.mn-ft-brand-logo span,.mn-ft-brand-logo strong{color:var(--or)}
.mn-ft-brand-desc{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.8;margin-bottom:16px}
.mn-ft-soc{display:flex;gap:7px}
.mn-ft-sc{width:33px;height:33px;border-radius:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none}
.mn-ft-sc:hover{background:var(--or);color:#fff;border-color:var(--or)}
.mn-ft-col h4{color:var(--or);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08)}
.mn-ft-col ul{list-style:none}
.mn-ft-col li{margin-bottom:8px}
.mn-ft-col li a{font-size:12.5px;color:rgba(255,255,255,.45);transition:color .2s}
.mn-ft-col li a:hover{color:#fff}
.mn-ft-btm{max-width:1300px;margin:0 auto;padding:13px 22px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:rgba(255,255,255,.3);flex-wrap:wrap;gap:8px}

/* ══ RESPONSIVE ══ */
@media(max-width:1100px){
  .mn-cat-layout,.mn-main-layout,.mn-single-layout{grid-template-columns:1fr 280px}
  .mn-art-grid{grid-template-columns:repeat(2,1fr)}
  .mn-ft-grid{grid-template-columns:1fr 1fr 1fr;gap:24px}
}
@media(max-width:900px){
  .mn-mast-wrap{grid-template-columns:1fr auto}
  .mn-mast-left{display:none}
  .mn-site-name{text-align:right}
  .mn-sn-ar{font-size:36px}
  .mn-ham{display:flex}
  .mn-pnav-inner .mn-pnav-link{display:none}
  .mn-cat-layout,.mn-main-layout,.mn-single-layout{grid-template-columns:1fr}
  .mn-sb{position:static}
  .mn-feat-art{grid-template-columns:1fr}
  .mn-feat-art-img img{height:220px}
  .mn-cat-banner-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .mn-cat-stats{width:100%;justify-content:space-around}
  .mn-hero-slider{height:380px}
  .mn-slide-title{font-size:22px}
  .mn-article-hero img{height:300px}
  .mn-article-hero-title{font-size:22px}
  .mn-article-body{padding:20px}
  .mn-related-grid{grid-template-columns:repeat(2,1fr)}
  .mn-market-items{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .mn-sn-ar{font-size:28px}
  .mn-art-grid{grid-template-columns:1fr}
  .mn-cat-name{font-size:24px}
  .mn-ft-grid{grid-template-columns:1fr 1fr;gap:20px}
  .mn-ft-btm{flex-direction:column;text-align:center}
  .mn-util-strip{display:none}
  .mn-related-grid{grid-template-columns:1fr}
  .mn-market-items{grid-template-columns:repeat(2,1fr)}
  .mn-slide-item{padding:20px}
  .mn-slide-title{font-size:18px!important}
}

/* ══ ANIMATIONS ══ */
@keyframes mn-fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.mn-anim-up{animation:mn-fadeUp .5s ease both}
.mn-anim-up-2{animation:mn-fadeUp .5s ease .08s both}

/* ══ ELEMENTOR OVERRIDES ══ */
.elementor-section.elementor-section-full_width .elementor-container{max-width:100%}
.elementor-widget-mn-article-grid .mn-art-grid,
.elementor-widget-mn-article-list .mn-art-list-wrap{margin-bottom:0}
body.elementor-editor-active .mn-pnav{position:relative}

/* ══════════════════════════════════════════
   RESTORED ELEMENTOR WIDGETS STYLES (PRE-SPORT)
   ══════════════════════════════════════════ */

/* --- 1. Unified Section Header (Customizable) --- */
.sec-hd { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.sec-hd h2 { font-size: 16px; font-weight: 800; color: #111; white-space: nowrap; display: flex; align-items: center; gap: 9px; }
.sec-bar { display: block; width: 4px; height: 18px; background: #fb8b01; border-radius: 2px; flex-shrink: 0; }
.sec-bar.bl { background: #1e73be; }
.sec-bar.red { background: #d42b2b; }
.sec-rule { flex: 1; height: 1px; background: #e5e7eb; }
.sec-more { font-size: 11.5px; font-weight: 700; color: #1e73be; border: 1.5px solid #1e73be; padding: 3px 12px; border-radius: 20px; transition: all .2s; white-space: nowrap; cursor: pointer; }
.sec-more:hover { background: #1e73be; color: #fff; }

/* --- 2. Premium Editorial Column (Perfect Circle) --- */
.hero-ed-col { background: #0f172a; border-radius: 12px; overflow: hidden; height: 520px; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 35px 25px; position: relative; color: #fff; box-shadow: 0 12px 40px rgba(0,0,0,0.14); border: 1px solid rgba(255,255,255,0.05); }
.ed-premium-tag { font-size: 18px; font-weight: 900; color: #fb8b01; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; width: 100%; justify-content: center; }
.ed-premium-img-circle { position: relative; z-index: 5; width: 140px; height: 140px; border-radius: 50%; border: 4px solid #fb8b01; padding: 0 !important; overflow: hidden; flex-shrink: 0; aspect-ratio: 1/1; background: rgba(255,255,255,0.05); }
.ed-premium-img-circle img { width: 100% !important; height: 100% !important; object-fit: cover !important; transform: scale(1.1); }
.ed-premium-author-name { font-size: 16px; font-weight: 700; color: #fb8b01; margin-bottom: 5px; }
.ed-premium-btn { margin-top: auto; border: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 10px 25px; border-radius: 30px; transition: all 0.3s; font-size: 12px; font-weight: 700; }

/* --- 2. Premium Editorial Column (Perfect Circle) --- */
.nc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 26px; }
.nc { background: #fff; border-radius: 9px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 1px 4px rgba(0,0,0,0.08); transition: all .2s; }
.nc-img-wrap img { height: 168px; width: 100%; object-fit: cover; }
.nc-body { padding: 13px 14px 15px; }
.nc-title { font-size: 14px; font-weight: 700; line-height: 1.6; color: #111; margin-bottom: 8px; }
.nc-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 9px; border-top: 1px solid #e5e7eb; font-size: 11px; color: #9ca3af; }

/* --- 5. Video Section --- */
.vid-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 14px; margin-bottom: 26px; }
.vid-right-col { display: flex; flex-direction: column; gap: 12px; }
.vc { border-radius: 9px; overflow: hidden; position: relative; background: #000; cursor: pointer; }
.vc img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; }
.vc.big img { height: 480px; }
/* --- 6. Global Fixes --- */
.mn-sticky-sidebar {
    position: sticky !important;
    top: calc(var(--sticky-offset, 70px) + 20px);
    align-self: start;
    height: fit-content;
}

.nc-foot img, .fs-meta img, .ts-m img, .slide-meta img, img.emoji { width: 80px !important; height: 80px !important; display: inline-block !important; vertical-align: middle !important; margin: 0 3px !important; }

@media(max-width:900px) {
  .hero-slider { height: 400px !important; position: relative !important; }
  .slide-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: -1 !important; }
  .nc-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .vid-grid { grid-template-columns: 1fr; }
}
@media(max-width:640px) {
  .hero-slider { height: 300px !important; }
  .nc-grid { grid-template-columns: 1fr !important; }
}