/*
 * UAEFMA Newsroom v3 — editorial pages
 * Homepage, indexes, article and media surfaces.
 */
.hero-ft {
    padding-block: 30px 24px;
    background: #fff;
}
.hero-ft-grid {
    border: 1px solid var(--v3-rule);
    border-top: 4px solid var(--v3-green);
}
.hero-lead { min-height: 520px; }
.hero-lead-img { min-height: 520px; }
.hero-lead-body { background: #fff; }
.hero-lead-cat, .hero-stack-cat, .eg-cat { color: var(--v3-green); }
.hero-lead-title {
    color: var(--v3-ink);
    font-size: clamp(34px, 3.3vw, 54px);
    line-height: 1.12;
}
.lang-en .hero-lead-title,
.lang-en .eg-card-title,
.lang-en .ts-title {
    font-family: var(--en-serif);
}
.hero-lead-excerpt { color: var(--v3-ink-2); }
.hero-stack { background: #fbfcfc; }
.hero-stack-title { color: var(--v3-ink); }

.sponsor-row {
    padding-block: 16px;
    background: var(--v3-sand);
    border-block: 1px solid #e1d9ca;
}
.sponsor-grid--three { align-items: stretch; }
.sponsor-grid--three .ad-slot { min-height: 110px; background: #fff; }

.eg-section:nth-of-type(even),
.top-stories:nth-of-type(even) {
    background: #f7f9fa;
    border-block: 1px solid var(--v3-rule);
}
.eg-section-hd, .media-section-hd, .fv-hd, .mr-hd {
    border-top-color: var(--v3-ink);
}
.eg-section-title, .media-section-title, .fv-section-title, .mr-hd-title {
    color: var(--v3-ink);
}
.eg-section-title::before, .media-section-title::before, .fv-section-title::before {
    background: var(--v3-copper);
}
.eg-card {
    border-bottom: 1px solid var(--v3-rule);
    transition: transform .18s ease;
}
.eg-card:hover { transform: translateY(-3px); }
.eg-card-img img { transition: transform .35s ease; }
.eg-card:hover .eg-card-img img { transform: scale(1.025); }
.eg-card-title { font-size: clamp(18px, 1.5vw, 24px); line-height: 1.28; }
.eg-card-excerpt { color: var(--v3-muted); }
.eg-card-date { color: #788894; }

.most-read {
    background: var(--v3-sand);
    border-color: #dfd6c5;
}
.mr-num { color: var(--v3-copper); }
.mr-title { color: var(--v3-ink); }
.events-section, .featured-video, .podcasts-section {
    background: var(--v3-ink) !important;
}

.hp-newsletter {
    background: #e9f4ef;
    border-color: #bfd9cc;
}
.hp-newsletter-title { font-family: var(--en-serif); }
.lang-ar .hp-newsletter-title { font-family: var(--ar-head); }

.np-index-hd, .np-media-hd, .np-static-hd {
    position: relative;
    overflow: hidden;
    padding-block: clamp(44px, 6vw, 78px);
    background: var(--v3-sand) !important;
    border-bottom: 1px solid #ddd3c0;
    color: var(--v3-ink);
}
.np-index-hd::after, .np-media-hd::after, .np-static-hd::after {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-end: 6%;
    width: 180px;
    opacity: .13;
    background:
        linear-gradient(90deg, transparent 47%, var(--v3-green) 48% 52%, transparent 53%),
        linear-gradient(0deg, transparent 47%, var(--v3-green) 48% 52%, transparent 53%);
    background-size: 36px 36px;
    transform: skewX(-12deg);
}
.np-index-title, .np-media-page-title, .np-static-hd-title {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--v3-ink) !important;
    font-family: var(--en-serif);
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1;
    letter-spacing: -.035em;
}
.lang-ar .np-index-title,
.lang-ar .np-media-page-title,
.lang-ar .np-static-hd-title {
    font-family: var(--ar-head);
}
.np-index-desc {
    position: relative;
    z-index: 1;
    max-width: 680px;
    margin-top: 14px;
    color: var(--v3-muted) !important;
    font-size: 16px;
}
.np-index-kicker { color: var(--v3-green); }

.np-index-filters {
    margin-top: 28px;
    background: #fff;
    border-color: var(--v3-rule);
}
.np-filter-btn { background: var(--v3-green); border-color: var(--v3-green); }
.np-page-wrap { gap: clamp(28px, 4vw, 52px); }
.np-page-sidebar {
    border-inline-start: 1px solid var(--v3-rule);
    padding-inline-start: 24px;
}
.np-media-grid { gap: 30px 24px; padding-block: 46px; }
.np-media-card {
    overflow: hidden;
    border: 1px solid var(--v3-rule);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(11,31,51,.05);
}
.np-media-thumb { aspect-ratio: 16 / 9; }
.np-media-body { padding: 18px; }
.np-media-title {
    color: var(--v3-ink);
    font-family: var(--en-serif);
    font-size: 21px;
    line-height: 1.25;
}
.lang-ar .np-media-title { font-family: var(--ar-head); }
.np-media-ep { color: var(--v3-green); }
.np-media-play { background: rgba(11,31,51,.88); border-color: rgba(255,255,255,.75); }

.np-art-header {
    padding-block: clamp(52px, 7vw, 96px) 38px !important;
    background: linear-gradient(90deg, #fff 0 76%, var(--v3-sand) 76%) !important;
}
.np-art-header-inner { max-width: 1120px !important; }
.np-art-title {
    max-width: 1030px !important;
    color: var(--v3-ink) !important;
    font-family: var(--en-serif);
    font-size: clamp(44px, 5.5vw, 78px) !important;
    line-height: 1.07 !important;
}
.lang-ar .np-art-title { font-family: var(--ar-head); line-height: 1.35 !important; }
.np-art-subtitle { color: var(--v3-ink-2) !important; }
.np-art-hero-img { max-height: 720px; object-fit: cover; }
.np-art-layout { grid-template-columns: minmax(0, 1fr) 320px; }
.np-art-body {
    max-width: 780px;
    color: #1b3043;
    font-family: var(--en-serif);
    font-size: clamp(19px, 1.35vw, 22px);
    line-height: 1.82;
}
.lang-ar .np-art-body { font-family: var(--ar-body); line-height: 2.05; }
.np-art-body > p:first-child::first-letter {
    float: inline-start;
    margin-inline-end: 8px;
    color: var(--v3-green);
    font-family: var(--en-serif);
    font-size: 4.2em;
    line-height: .78;
}
.lang-ar .np-art-body > p:first-child::first-letter {
    float: none;
    margin: 0;
    font: inherit;
    color: inherit;
}
.np-art-sidebar {
    border-color: var(--v3-rule);
    background: #fbfcfc;
    padding: 22px;
}
.np-art-author-box {
    border-inline-start: 5px solid var(--v3-green);
    background: var(--v3-sand);
}
.np-art-newsletter { background: #edf6f1; border-color: #c4ded1; }
.np-art-related { background: #f5f7f8; }

@media (max-width: 980px) {
    .np-page-sidebar { border-inline-start: 0; padding-inline-start: 0; }
    .np-art-layout { grid-template-columns: 1fr; }
    .np-art-sidebar { background: #fff; }
    .np-art-header { background: #fff !important; }
}

@media (max-width: 680px) {
    .hero-lead { min-height: 0; }
    .hero-lead-title { font-size: 34px; }
    .np-index-hd, .np-media-hd { padding-block: 38px; }
    .np-index-title, .np-media-page-title { font-size: 44px; }
    .np-index-hd::after, .np-media-hd::after { display: none; }
    .np-media-grid { gap: 18px; padding-block: 28px; }
    .np-art-title { font-size: 42px !important; }
    .np-art-body { font-size: 18px; }
}