/* News V2 — /news/ hub + category archives (AI Market Insights).
   Reuses .wrap, .sec-eyebrow, .btn/.btn-gold, the shared live ticker and contact-fab. */

.nw-page{position:relative;z-index:2;}
.nw-page .wrap{max-width:1380px;}
.nw-page > .ticker{border-bottom:1px solid var(--border);}

/* ── Hero ── */
.nw-hero{position:relative;overflow:hidden;padding:0;}
.nw-hero-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('../assets/img/home-v2/hero-bg.jpg') no-repeat 70% 30% / cover;
}
.nw-hero-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,15,28,0.94) 0%,rgba(10,15,28,0.82) 34%,rgba(10,15,28,0.35) 68%,rgba(10,15,28,0.25) 100%);
}
[dir="rtl"] .nw-hero-overlay{
  background:linear-gradient(270deg,rgba(10,15,28,0.94) 0%,rgba(10,15,28,0.82) 34%,rgba(10,15,28,0.35) 68%,rgba(10,15,28,0.25) 100%);
}
/* Fade image + shade out at the bottom so the hero melts into the page background (no seam) */
.nw-hero-bg,.nw-hero-overlay{
  -webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 50%,transparent 100%);
}
.nw-hero-inner{position:relative;z-index:2;padding-top:56px;padding-bottom:150px;}
.nw-eyebrow{display:block;margin-bottom:14px;}
.nw-title{font-size:clamp(30px,3.4vw,44px);line-height:1.15;font-weight:700;margin-bottom:14px;max-width:640px;}
.nw-sub{font-size:16px;line-height:1.7;color:var(--text-mute);max-width:520px;}

/* ── Layout: sidebar at the reading start (right in Arabic, as in the design) ── */
.nw-layout{
  position:relative;z-index:3;margin-top:-104px;padding-bottom:90px;
  display:grid;grid-template-columns:380px minmax(0,1fr);grid-template-areas:"side main";gap:24px;align-items:start;
}
.nw-main{grid-area:main;min-width:0;}
.nw-side{grid-area:side;min-width:0;}

/* ── Shared bits ── */
/* Latin/number runs inside Arabic text keep LTR order (wrapped by helvoa_news_v2_bidi()) */
.nw-page .ami-num{unicode-bidi:isolate;}
.nw-date{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-mute);white-space:nowrap;}
.nw-cal{width:14px;height:14px;flex-shrink:0;color:var(--text-faint);}
.nw-badge{
  display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;line-height:1.2;color:var(--gold-2);
  border:1px solid var(--border-strong);background:rgba(227,181,73,0.06);padding:4px 11px;border-radius:100px;white-space:nowrap;
}
.nw-arrow{width:15px;height:15px;flex-shrink:0;transition:transform .2s ease;}
.nw-chev{width:7px;height:12px;flex-shrink:0;}
[dir="rtl"] .nw-arrow,[dir="rtl"] .nw-chev{transform:scaleX(-1);}
.nw-img{display:block;width:100%;height:100%;object-fit:cover;}
.nw-ph{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  background:radial-gradient(120% 90% at 80% 10%,rgba(227,181,73,0.16),transparent 60%),linear-gradient(160deg,#16213A 0%,#0D1424 70%);
  color:var(--gold);
}
.nw-ph-chart{width:44%;max-width:180px;height:auto;opacity:.75;}

/* ── Featured ── */
.nw-featured{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:stretch;
  background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;
  box-shadow:0 24px 50px rgba(0,0,0,0.35);
}
.nw-featured-body{padding:14px 12px 14px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;}
.nw-featured-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.nw-featured-title{font-size:clamp(22px,2.1vw,28px);line-height:1.3;font-weight:700;}
.nw-featured-title a{color:var(--text);transition:color .15s;}
.nw-featured-title a:hover{color:var(--gold-2);}
.nw-featured-excerpt{font-size:15px;line-height:1.7;color:var(--text-mute);}
.nw-featured-btn{margin-top:auto;gap:10px;}
.nw-featured-btn:hover .nw-arrow{transform:translateX(3px);}
[dir="rtl"] .nw-featured-btn:hover .nw-arrow{transform:scaleX(-1) translateX(3px);}
.nw-featured-media{display:block;border-radius:var(--radius-sm);overflow:hidden;min-height:260px;}

/* ── Category chips ── */
.nw-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0;}
.nw-chip{
  display:inline-flex;align-items:center;padding:9px 18px;border-radius:100px;font-size:13.5px;font-weight:500;
  color:var(--text-mute);background:var(--bg-2);border:1px solid var(--border);white-space:nowrap;
  transition:color .15s,border-color .15s,background .15s;
}
.nw-chip:hover{color:var(--text);border-color:var(--border-strong);}
.nw-chip.is-active{color:var(--bg);background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;font-weight:600;}

/* ── Card grid ── */
.nw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.nw-card{
  display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border);
  border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s,transform .2s;
}
.nw-card:hover{border-color:var(--border-strong);transform:translateY(-3px);}
.nw-card-media{display:block;aspect-ratio:16/6.2;overflow:hidden;background:var(--surface-solid);}
.nw-card-media .nw-img{transition:transform .4s ease;}
.nw-card:hover .nw-card-media .nw-img{transform:scale(1.04);}
.nw-card-body{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px;flex:1;}
.nw-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
.nw-card-meta .nw-badge{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.nw-card-meta .nw-date{flex-shrink:0;}
.nw-card-title{font-size:16px;line-height:1.45;font-weight:700;}
.nw-card-title a{color:var(--text);transition:color .15s;}
.nw-card-title a:hover{color:var(--gold-2);}
.nw-card-excerpt{
  font-size:13.5px;line-height:1.6;color:var(--text-mute);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.nw-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:14px;font-weight:600;color:var(--gold);}
.nw-more:hover .nw-arrow{transform:translateX(3px);}
[dir="rtl"] .nw-more:hover .nw-arrow{transform:scaleX(-1) translateX(3px);}
.nw-empty{
  padding:40px 20px;text-align:center;color:var(--text-mute);font-size:15px;
  background:var(--bg-2);border:1px dashed var(--border);border-radius:var(--radius-sm);
}

/* ── Pagination ── */
.nw-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;}
.nw-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;
  border-radius:100px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-mute);font-size:14px;
  transition:color .15s,border-color .15s;
}
.nw-pagination a.page-numbers:hover{color:var(--text);border-color:var(--border-strong);}
.nw-pagination .page-numbers.current{color:var(--bg);background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;font-weight:600;}
.nw-pagination .page-numbers.dots{border-color:transparent;background:none;}

/* ── Sidebar: latest analysis ── */
.nw-side{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px 22px 8px;box-shadow:0 24px 50px rgba(0,0,0,0.3);}
.nw-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.nw-side-title{font-size:19px;font-weight:700;}
.nw-side-all{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--gold);white-space:nowrap;}
.nw-side-all:hover{color:var(--gold-2);}
.nw-side-list{list-style:none;margin:0;padding:0;}
.nw-side-list li + li{border-top:1px solid var(--border);}
.nw-side-item{display:flex;align-items:center;gap:14px;padding:14px 0;color:var(--text);}
.nw-side-thumb{flex:0 0 92px;height:74px;border-radius:8px;overflow:hidden;background:var(--surface-solid);}
.nw-side-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.nw-side-name{
  font-size:14px;line-height:1.5;font-weight:600;color:var(--text);transition:color .15s;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.nw-side-item:hover .nw-side-name{color:var(--gold-2);}
.nw-side-item .nw-chev{color:var(--text-faint);}

/* Focus rings */
.nw-page a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px;}

@media (prefers-reduced-motion: reduce){
  .nw-card,.nw-card-media .nw-img,.nw-arrow,.nw-chip,.nw-pagination .page-numbers{transition:none;}
  .nw-card:hover{transform:none;}
  .nw-card:hover .nw-card-media .nw-img{transform:none;}
}

/* ========== TABLET ========== */
@media (max-width:1260px){
  .nw-layout{grid-template-columns:330px minmax(0,1fr);gap:20px;}
  .nw-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:1100px){
  .nw-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "side";gap:32px;}
}
@media (max-width:900px){
  .nw-hero-inner{padding-top:40px;padding-bottom:110px;}
  .nw-layout{margin-top:-72px;padding-bottom:64px;}
  .nw-hero-overlay,
  [dir="rtl"] .nw-hero-overlay{background:rgba(10,15,28,0.8);}
  .nw-featured{grid-template-columns:minmax(0,1fr);gap:0;padding:0;overflow:hidden;}
  .nw-featured-media{order:-1;min-height:0;aspect-ratio:16/9;border-radius:0;}
  .nw-featured-body{padding:20px 18px 22px;}
  .nw-chips{
    flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    /* bleed to the screen edge: matches .wrap side padding at this width (20px) */
    margin-left:-20px;margin-right:-20px;padding:0 20px 4px;scroll-padding-inline:20px;
  }
  .nw-chips::-webkit-scrollbar{display:none;}
  .nw-chip{flex:0 0 auto;}
}

/* ========== MOBILE ========== */
@media (max-width:640px){
  .nw-hero-inner{padding-top:32px;padding-bottom:90px;}
  .nw-title{font-size:28px;}
  .nw-sub{font-size:14.5px;}
  .nw-layout{margin-top:-56px;gap:28px;}
  .nw-featured-title{font-size:21px;}
  .nw-featured-excerpt{font-size:14px;}
  .nw-featured-btn{width:100%;justify-content:center;}
  .nw-chips{margin-left:-16px;margin-right:-16px;padding:0 16px 4px;scroll-padding-inline:16px;margin-top:18px;margin-bottom:18px;}
  .nw-grid{grid-template-columns:minmax(0,1fr);gap:14px;}
  .nw-card-media{aspect-ratio:16/8;}
  .nw-side{padding:18px 16px 4px;}
  .nw-side-thumb{flex-basis:84px;height:64px;}
  .nw-pagination .page-numbers{min-width:38px;height:38px;padding:0 12px;}
}