/*
Theme Name: Pahad News 4U – Newsroom Child
Theme URI: https://pahadnews4u.com/
Description: Hindustan Times-inspired editorial homepage for Pahad News 4U. Requires Jannah parent theme.
Author: Pahad News 4U
Version: 1.1.0
Template: jannah
Text Domain: pahad-news4u-newsroom
*/

/* ---------- Brand system ---------- */
:root {
  --pahad-red: #c8102e;
  --pahad-ink: #171717;
  --pahad-muted: #6d737b;
  --pahad-line: #e6e7e9;
  --pahad-paper: #fff;
  --pahad-soft: #f5f6f7;
}
body { background: #fff; color: var(--pahad-ink); }
.pn4u-home { max-width: 1240px; margin: 0 auto; padding: 0 18px 44px; }
.pn4u-home a { color: inherit; text-decoration: none; }
.pn4u-home a:hover { color: var(--pahad-red); }
.pn4u-kicker { display:inline-flex; align-items:center; gap:7px; color:var(--pahad-red); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pn4u-kicker:before { content:""; width:7px; height:7px; background:var(--pahad-red); border-radius:50%; }
.pn4u-section-head { display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:2px solid var(--pahad-ink); margin:30px 0 17px; padding:0 0 9px; }
.pn4u-section-head h2 { margin:0; font-size:23px; line-height:1.2; font-weight:850; letter-spacing:-.4px; }
.pn4u-section-head a { color:var(--pahad-red); font-size:12px; font-weight:800; text-transform:uppercase; }
.pn4u-ticker { display:flex; align-items:center; overflow:hidden; background:#f5f5f5; border:1px solid #e8e8e8; margin:18px 0 22px; min-height:42px; }
.pn4u-ticker-label { flex:0 0 auto; background:var(--pahad-red); color:#fff; padding:12px 15px; font-size:12px; line-height:1; font-weight:900; letter-spacing:.04em; }
.pn4u-ticker-window { overflow:hidden; min-width:0; flex:1; white-space:nowrap; }
.pn4u-ticker-track { display:inline-flex; align-items:center; gap:34px; padding-left:100%; animation:pn4u-ticker 48s linear infinite; }
.pn4u-ticker:hover .pn4u-ticker-track { animation-play-state:paused; }
.pn4u-ticker-track a { font-size:13px; font-weight:700; }
.pn4u-ticker-track a:before { content:"•"; color:var(--pahad-red); margin-right:10px; }
@keyframes pn4u-ticker { from { transform:translateX(0); } to { transform:translateX(-100%); } }

.pn4u-lead-grid { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr); gap:22px; }
.pn4u-lead-main { min-width:0; }
.pn4u-lead-main .pn4u-thumb { aspect-ratio:16/9; }
.pn4u-lead-main h1 { font-size:clamp(25px,3vw,38px); line-height:1.15; letter-spacing:-.8px; margin:12px 0 9px; font-weight:900; }
.pn4u-excerpt { color:#555d65; font-size:15px; line-height:1.65; margin:0 0 9px; }
.pn4u-side-list { display:flex; flex-direction:column; gap:0; border-top:1px solid var(--pahad-line); }
.pn4u-side-story { display:grid; grid-template-columns:112px minmax(0,1fr); gap:13px; padding:13px 0; border-bottom:1px solid var(--pahad-line); align-items:start; }
.pn4u-side-story h3 { font-size:16px; line-height:1.35; margin:4px 0 0; font-weight:800; }
.pn4u-thumb { display:block; overflow:hidden; background:#eceff1; aspect-ratio:16/10; }
.pn4u-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; }
.pn4u-thumb:hover img { transform:scale(1.035); }
.pn4u-placeholder { width:100%; height:100%; min-height:90px; background:linear-gradient(135deg,#e8edf0,#d9dfe3); display:block; }
.pn4u-meta { color:var(--pahad-muted); font-size:11px; margin-top:7px; }
.pn4u-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.pn4u-card { min-width:0; }
.pn4u-card .pn4u-thumb { aspect-ratio:16/10; }
.pn4u-card h3 { font-size:18px; line-height:1.35; margin:9px 0 0; font-weight:800; }
.pn4u-category-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(230px,1fr); gap:22px; }
.pn4u-category-feature { display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:16px; }
.pn4u-category-feature .pn4u-thumb { aspect-ratio:16/10; }
.pn4u-category-feature h3 { font-size:20px; line-height:1.3; margin:8px 0 0; font-weight:850; }
.pn4u-mini-list { border-top:1px solid var(--pahad-line); }
.pn4u-mini-list a { display:block; padding:11px 0; border-bottom:1px solid var(--pahad-line); font-size:14px; line-height:1.4; font-weight:750; }
.pn4u-latest-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; }
.pn4u-latest-item { display:grid; grid-template-columns:94px minmax(0,1fr); gap:12px; padding:12px 0; border-bottom:1px solid var(--pahad-line); }
.pn4u-latest-item .pn4u-thumb { aspect-ratio:1/1; }
.pn4u-latest-item h3 { font-size:14px; line-height:1.4; margin:0; font-weight:800; }
.pn4u-empty { padding:22px; background:var(--pahad-soft); color:#59616a; }
.pn4u-more { display:inline-block; margin-top:16px; padding:10px 16px; border:1px solid var(--pahad-ink); font-size:12px; font-weight:800; }
.pn4u-more:hover { background:var(--pahad-ink); color:#fff!important; }
.pn4u-ad-slot { min-height:90px; display:flex; justify-content:center; align-items:center; margin:24px 0; }
.pn4u-home .pn4u-cat-nav { display:flex; flex-wrap:wrap; gap:8px 18px; padding:12px 0; border-bottom:1px solid var(--pahad-line); }
.pn4u-cat-nav a { font-size:12px; font-weight:800; color:#343a40; }
.pn4u-cat-nav a:hover { color:var(--pahad-red); }
@media (max-width:800px) {
 .pn4u-home { padding:0 13px 30px; }
 .pn4u-lead-grid, .pn4u-category-layout { grid-template-columns:1fr; }
 .pn4u-lead-grid { gap:16px; }
 .pn4u-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .pn4u-category-feature { grid-template-columns:1fr 1fr; }
 .pn4u-section-head h2 { font-size:20px; }
}
@media (max-width:520px) {
 .pn4u-lead-main h1 { font-size:25px; }
 .pn4u-side-story { grid-template-columns:96px minmax(0,1fr); gap:10px; }
 .pn4u-side-story h3 { font-size:14px; }
 .pn4u-card-grid { grid-template-columns:1fr 1fr; gap:12px; }
 .pn4u-card h3 { font-size:15px; }
 .pn4u-category-feature { grid-template-columns:1fr; }
 .pn4u-latest-list { grid-template-columns:1fr; }
 .pn4u-ticker-label { padding:12px 10px; font-size:10px; }
 .pn4u-ticker-track a { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .pn4u-ticker-track { animation:none; padding-left:12px; } }