/* ═══════════════════════════════════════════════════
   LOKDARPAN PRO v2.0 — MAIN CSS
   Professional Hindi News Portal
   Zyngle Digital
═══════════════════════════════════════════════════ */

:root {
    --red:         #c0392b;
    --red-dark:    #962d22;
    --red-light:   #fdecea;
    --dark:        #1a1a2e;
    --text:        #1e1e1e;
    --text-muted:  #666;
    --border:      #e5e5e5;
    --bg:          #f0f2f5;
    --white:       #fff;
    --card-bg:     #fff;
    --radius:      8px;
    --radius-sm:   4px;
    --radius-lg:   12px;
    --shadow:      0 2px 8px rgba(0,0,0,0.06);
    --shadow-md:   0 6px 20px rgba(0,0,0,0.10);
    --shadow-lg:   0 12px 40px rgba(0,0,0,0.14);
    --font:        'Noto Sans Devanagari','Noto Sans',sans-serif;
    --container:   1280px;
    --tr:          0.2s ease;
    --header-h:    130px;
}

/* ── Reset ──────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
button,input,select,textarea{font-family:var(--font)}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}

/* ── Top Bar ─────────────────────────────────────── */
.top-bar{background:var(--dark);color:#aaa;font-size:12px;padding:6px 0}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.top-bar-right{display:flex;gap:12px;align-items:center}
.top-bar a{color:#aaa;transition:color var(--tr)}
.top-bar a:hover{color:#fff}
.top-bar-phone{color:#fff !important}
.top-bar-text{color:#e5a;font-weight:600}

/* ── Breaking Bar ────────────────────────────────── */
.breaking-bar{background:var(--red);color:#fff;display:flex;align-items:center;height:38px;overflow:hidden;position:relative}
.breaking-label{background:rgba(0,0,0,0.3);height:100%;padding:0 16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1px;white-space:nowrap;flex-shrink:0}
.breaking-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}
.ticker-wrap{flex:1;overflow:hidden}
.ticker-track{display:flex;align-items:center;gap:40px;white-space:nowrap;animation:ticker 40s linear infinite;padding-left:100%}
.ticker-track:hover,.ticker-track.paused{animation-play-state:paused}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.ticker-item{font-size:13px;flex-shrink:0;transition:opacity var(--tr)}
.ticker-item:hover{opacity:0.8;text-decoration:underline}
.ticker-sep{opacity:0.4;font-size:10px;flex-shrink:0}
.ticker-pause{background:none;border:none;color:#fff;cursor:pointer;padding:0 12px;font-size:14px;opacity:0.7;flex-shrink:0}
.ticker-pause:hover{opacity:1}

/* ── Main Header ─────────────────────────────────── */
.site-header{background:var(--white);border-bottom:3px solid var(--red);box-shadow:var(--shadow);z-index:1000;transition:box-shadow var(--tr)}
.site-header.is-sticky{position:sticky;top:0}
.site-header.scrolled{box-shadow:var(--shadow-md)}

.header-main{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px;flex-wrap:wrap}
.header-center{justify-content:center;flex-direction:column;text-align:center}
.header-center .header-logo,.header-center .header-controls{align-self:center}

/* Custom logo sizing */
.header-logo .custom-logo{height:54px;width:auto}
.header-logo .custom-logo-link{display:inline-flex;align-items:center}
.text-logo{font-size:26px;font-weight:800;color:var(--red);letter-spacing:-0.5px}

.header-ad-zone{flex:1;display:flex;justify-content:center;align-items:center;min-height:70px}

.header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.ctrl-btn{background:none;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all var(--tr)}
.ctrl-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}
.icon-sun{display:none}.icon-moon{display:block}
.menu-btn{border-radius:var(--radius-sm);flex-direction:column;gap:4px;width:38px;height:38px}
.menu-btn span{display:block;width:18px;height:2px;background:currentColor;transition:all var(--tr);border-radius:1px}

/* Search Bar */
.header-search-bar{display:none;padding:10px 0;border-top:1px solid var(--border);background:var(--bg)}
.header-search-bar.open{display:block}
.header-search-bar form{display:flex;max-width:640px;margin:0 auto}
.header-search-bar input{flex:1;border:2px solid var(--red);border-right:none;padding:10px 16px;font-size:15px;border-radius:var(--radius) 0 0 var(--radius);outline:none;background:var(--white);color:var(--text)}
.header-search-bar button{background:var(--red);color:#fff;border:none;padding:10px 18px;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer}

/* Category Nav */
.cat-nav-bar{background:#16213e;overflow-x:auto;scrollbar-width:none;border-top:1px solid rgba(255,255,255,0.05)}
.cat-nav-bar::-webkit-scrollbar{display:none}
.cat-nav-bar{display:flex;height:44px;align-items:center;gap:2px;padding:0 4px}
.cat-nav-item{color:#bbb;font-size:13px;font-weight:500;padding:6px 13px;border-radius:var(--radius-sm);white-space:nowrap;transition:all var(--tr);display:flex;align-items:center;gap:4px}
.cat-nav-item:hover,.cat-nav-item.active{background:var(--red);color:#fff}
.cat-live{color:#ff6b6b !important;font-weight:700}
.cat-live:hover{background:#ff6b6b !important}

/* Mobile Menu */
.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1998}
.mobile-menu-overlay.open{display:block}
.mobile-menu{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--white);z-index:1999;transition:left 0.3s ease;overflow-y:auto;box-shadow:var(--shadow-lg)}
.mobile-menu.open{left:0}
.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--red);color:#fff;font-weight:700}
.mobile-menu-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}
.mobile-menu-item{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);font-size:14px;transition:background var(--tr)}
.mobile-menu-item:hover{background:var(--red-light);color:var(--red)}

/* ── Hero Section ────────────────────────────────── */
.hero-section{padding:20px 0 0}

/* Hero Style 1: Grid */
.hero-grid{display:grid;grid-template-columns:1fr 340px;gap:12px;height:480px}
.hero-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}
.hero-main img,.hero-main-link{display:block;width:100%;height:100%}
.hero-main img{object-fit:cover;transition:transform 0.4s}
.hero-main:hover img{transform:scale(1.03)}
.hero-no-img{width:100%;height:100%;background:linear-gradient(135deg,var(--red),var(--dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:800}
.hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 60%,transparent 100%);padding:32px 20px 20px;color:#fff}
.hero-cat-badge{background:var(--red);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-sm);letter-spacing:0.5px;text-transform:uppercase;display:inline-block;margin-bottom:8px}
.hero-title{font-size:24px;font-weight:800;line-height:1.3;margin-bottom:8px}
.hero-meta{display:flex;gap:16px;font-size:12px;opacity:0.8}

.hero-side-stack{display:flex;flex-direction:column;gap:10px}
.hero-side-card{display:flex;gap:10px;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;flex:1;box-shadow:var(--shadow);transition:transform var(--tr),box-shadow var(--tr)}
.hero-side-card:hover{transform:translateX(3px);box-shadow:var(--shadow-md)}
.side-img-wrap{width:110px;flex-shrink:0;overflow:hidden}
.side-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.hero-side-card:hover .side-img-wrap img{transform:scale(1.06)}
.side-card-body{padding:10px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0}
.side-cat{font-size:10px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:0.4px}
.side-card-body h3{font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.side-card-body h3 a:hover{color:var(--red)}
.side-card-body time{font-size:11px;color:var(--text-muted)}

/* Hero Style 2: Magazine (3 col) */
.hero-magazine{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:12px}
.hero-magazine .hero-main{grid-column:1/2;grid-row:1/3;min-height:400px}
.hero-mag-card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.hero-mag-card img{width:100%;height:160px;object-fit:cover}
.hero-mag-card .card-body{padding:10px}

/* ── Ad Slots ─────────────────────────────────────── */
.ad-slot{text-align:center;margin:16px 0}
.ad-slot .ad-placeholder{background:var(--white);border:1px dashed var(--border);border-radius:var(--radius);min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px}
.ad-in-article{margin:24px 0;text-align:center}
@media(max-width:768px){.hide-mobile{display:none}}

/* ── Home Layout ─────────────────────────────────── */
.home-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;padding-bottom:40px}
.home-sidebar{display:flex;flex-direction:column;gap:20px}

/* ── Category Tabs ───────────────────────────────── */
.cat-tabs-bar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:14px 0;border-bottom:2px solid var(--border);margin-bottom:16px}
.cat-tabs-bar::-webkit-scrollbar{display:none}
.cat-tab{background:none;border:1px solid var(--border);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--tr);color:var(--text)}
.cat-tab.active,.cat-tab:hover{background:var(--red);color:#fff;border-color:var(--red)}

.feed-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.feed-header h2{font-size:18px;font-weight:700;white-space:nowrap;color:var(--text)}
.feed-line{flex:1;height:2px;background:var(--border)}

/* ── News Grid ───────────────────────────────────── */
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.news-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.news-grid .news-card:first-child{grid-column:1/-1}
.news-grid .news-card:first-child .card-thumb{height:280px}

/* ── News Card ───────────────────────────────────── */
.news-card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform var(--tr),box-shadow var(--tr);display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.breaking-card{border-top:3px solid var(--red)}

.card-thumb-link{display:block;overflow:hidden;position:relative;aspect-ratio:16/9}
.card-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.35s}
.news-card:hover .card-thumb{transform:scale(1.05)}
.card-thumb-placeholder{width:100%;height:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--red),#8e1a10);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}
.card-breaking-badge{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}
.card-new-badge{position:absolute;top:8px;right:8px;background:#27ae60;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm)}

.card-body{padding:13px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-cat-label{font-size:11px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:0.4px}
.card-title{font-size:15px;font-weight:700;line-height:1.4}
.card-title a:hover{color:var(--red)}
.card-excerpt{font-size:13px;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}
.card-author{display:flex;align-items:center;gap:4px}
.card-author img{width:16px;height:16px;border-radius:50%;object-fit:cover}

/* ── Load More ───────────────────────────────────── */
.load-more-wrap{text-align:center;padding:28px 0}
.load-more-btn{background:var(--red);color:#fff;border:none;padding:12px 40px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background var(--tr);display:inline-flex;align-items:center;gap:8px}
.load-more-btn:hover{background:var(--red-dark)}
.load-more-btn:disabled{background:#ccc;cursor:default}
.no-posts{padding:32px;text-align:center;color:var(--text-muted);grid-column:1/-1;font-size:15px}

/* ── Widget ──────────────────────────────────────── */
.widget{background:var(--card-bg);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.widget-title{font-size:15px;font-weight:700;padding-bottom:10px;border-bottom:3px solid var(--red);margin-bottom:14px;display:flex;align-items:center;gap:6px}

/* ── Trending ────────────────────────────────────── */
.trending-row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}
.trending-row:last-child{border-bottom:none}
.t-rank{font-size:20px;font-weight:800;color:var(--border);min-width:24px;line-height:1.3;flex-shrink:0}
.t-rank.gold{color:var(--red)}
.t-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.t-title{font-size:13px;font-weight:500;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.t-title:hover{color:var(--red)}
.t-time{font-size:11px;color:var(--text-muted)}

/* ── Cat Icon Grid ───────────────────────────────── */
.cat-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cat-icon-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 8px;text-align:center;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all var(--tr)}
.cat-icon-card:hover{background:var(--red);color:#fff;border-color:var(--red);transform:scale(1.03)}
.cat-emoji{font-size:22px}
.cat-name{font-weight:600;font-size:12px}
.cat-num{font-size:10px;opacity:0.6}

/* ── Category Section ────────────────────────────── */
.cat-section{margin:32px 0}
.cat-section-header{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--red);padding-bottom:10px;margin-bottom:16px}
.cat-section-header h2{font-size:20px;font-weight:700;display:flex;align-items:center;gap:6px}
.see-all-link{font-size:13px;color:var(--red);font-weight:600}
.see-all-link:hover{text-decoration:underline}
.cat-section-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ── Single Article ──────────────────────────────── */
.single-main{padding:24px 0 52px}
.single-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:flex-start}

.breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.breadcrumb a:hover{color:var(--red)}

.article-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.badge-cat{background:var(--red-light);color:var(--red)}
.badge-breaking{background:var(--red);color:#fff;animation:pulse-badge 2s infinite}
@keyframes pulse-badge{0%,100%{opacity:1}50%{opacity:0.75}}
.badge-ai{background:#fffbeb;color:#92400e;border:1px solid #fbbf24}

.article-title{font-size:clamp(22px,3.5vw,36px);font-weight:800;line-height:1.3;margin-bottom:12px}
.article-summary{font-size:17px;color:var(--text-muted);border-left:4px solid var(--red);padding-left:14px;margin-bottom:16px;font-style:italic}

.article-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.meta-sep{opacity:0.4}
.meta-author{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}
.meta-author img{width:24px;height:24px;border-radius:50%;object-fit:cover}

.share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}
.share-label{font-size:13px;color:var(--text-muted);font-weight:600}
.share-btn{border:none;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;color:#fff;transition:opacity var(--tr);display:inline-flex;align-items:center;gap:5px}
.share-btn:hover{opacity:0.85}
.share-btn.wa{background:#25d366}
.share-btn.tw{background:#000}
.share-btn.fb{background:#1877f2}
.share-btn.tg{background:#229ed9}
.share-btn.cp{background:#6b7280}
.share-bar-bottom{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}

.article-featured-img{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px}
.article-featured-img img{width:100%;height:auto}
.article-featured-img figcaption{font-size:12px;color:var(--text-muted);padding:6px 0;text-align:center;font-style:italic}

/* Article TOC */
.article-toc{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:20px 0}
.article-toc h4{font-size:14px;font-weight:700;margin-bottom:10px}
.article-toc ol{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.article-toc li a{font-size:13px;color:var(--red)}
.article-toc li a:hover{text-decoration:underline}

.article-body{font-size:17px;line-height:1.9;color:var(--text)}
.article-body h2{font-size:22px;font-weight:700;margin:28px 0 12px;padding-left:12px;border-left:4px solid var(--red)}
.article-body h3{font-size:19px;font-weight:600;margin:22px 0 10px}
.article-body p{margin-bottom:18px}
.article-body img{border-radius:var(--radius);margin:16px 0;width:100%}
.article-body a{color:var(--red);text-decoration:underline}
.article-body blockquote{border-left:4px solid var(--red);padding:16px 20px;background:var(--bg);border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;font-style:italic;font-size:18px}
.article-body ul,.article-body ol{padding-left:24px;margin-bottom:18px}
.article-body li{margin-bottom:8px}
.article-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.article-body th,.article-body td{border:1px solid var(--border);padding:10px 14px;text-align:left}
.article-body th{background:var(--red);color:#fff}
.article-body tr:nth-child(even){background:var(--bg)}

.source-credit{font-size:13px;color:var(--text-muted);background:var(--bg);padding:10px 14px;border-radius:var(--radius);margin:20px 0;display:flex;align-items:center;gap:6px}
.source-credit a{color:var(--red)}

.article-tags{margin:20px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.article-tags strong{font-size:13px}
.tag-pill{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:13px;transition:all var(--tr)}
.tag-pill:hover{background:var(--red);color:#fff;border-color:var(--red)}

.author-box{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,var(--bg),var(--white));border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin:28px 0}
.author-box img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--red)}
.author-info strong{display:block;font-size:16px;margin-bottom:4px}
.author-info p{font-size:13px;color:var(--text-muted)}

/* Reading Progress */
#readProgress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--red),var(--accent));width:0;z-index:9999;transition:width 0.1s}

.single-sidebar{align-self:flex-start;display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--header-h) + 12px)}
.sticky-ad{position:sticky;top:calc(var(--header-h) + 12px)}

.related-section{margin-top:40px}

/* ── Archive ──────────────────────────────────────── */
.archive-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:24px 0}
.archive-header{margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--red);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px}
.archive-title{font-size:26px;font-weight:800}
.archive-count{font-size:13px;color:var(--text-muted)}

/* ── Pagination ──────────────────────────────────── */
.pagination{margin:28px 0}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;margin:0 2px;transition:all var(--tr)}
.pagination .current{background:var(--red);color:#fff;border-color:var(--red)}
.pagination a.page-numbers:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* ── Footer ──────────────────────────────────────── */
.site-footer{background:#0f172a;color:#94a3b8;margin-top:52px}
.footer-top-ad{background:#1e293b;padding:16px 0;text-align:center}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:32px;padding:44px 0 32px;border-bottom:1px solid rgba(255,255,255,0.08)}
.footer-about p{font-size:13px;line-height:1.8;margin:14px 0;color:#94a3b8}
.footer-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.social-btn{font-size:12px;border:1px solid #334155;border-radius:var(--radius-sm);padding:5px 12px;transition:all var(--tr);color:#94a3b8}
.social-btn:hover{color:#fff;border-color:var(--red);background:var(--red)}
.footer-links-col h4{font-size:14px;font-weight:700;color:#e2e8f0;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--red)}
.footer-link-list{display:flex;flex-direction:column;gap:9px}
.footer-link-list a{font-size:13px;transition:color var(--tr);color:#94a3b8}
.footer-link-list a:hover{color:#fff;padding-left:4px}
.cat-count{font-size:11px;opacity:0.5}
.footer-news-list{display:flex;flex-direction:column;gap:12px}
.footer-news-list li a{font-size:12px;line-height:1.5;display:block;margin-bottom:2px;color:#94a3b8;transition:color var(--tr)}
.footer-news-list li a:hover{color:#fff}
.footer-news-list time{font-size:11px;color:#64748b}

.footer-newsletter{padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.footer-newsletter-text h4{font-size:18px;font-weight:700;color:#e2e8f0;margin-bottom:6px}
.footer-newsletter-text p{font-size:13px;color:#94a3b8}
.newsletter-form{display:flex;gap:0;flex:1;max-width:480px}
.newsletter-form input{flex:1;padding:11px 16px;border:1px solid #334155;border-right:none;border-radius:var(--radius) 0 0 var(--radius);background:#1e293b;color:#e2e8f0;font-size:14px;outline:none}
.newsletter-form input:focus{border-color:var(--red)}
.newsletter-form button{background:var(--red);color:#fff;border:none;padding:11px 20px;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;font-weight:600;white-space:nowrap}

.footer-bottom{padding:16px 0}
.footer-bottom-inner{display:flex;justify-content:space-between;font-size:12px;color:#64748b;flex-wrap:wrap;gap:8px}
.footer-bottom a{color:#94a3b8}
.footer-bottom a:hover{color:#fff}

/* ── Scroll to Top ────────────────────────────────── */
.scroll-top-btn{position:fixed;bottom:24px;right:20px;background:var(--red);color:#fff;border:none;border-radius:50%;width:46px;height:46px;font-size:20px;cursor:pointer;box-shadow:var(--shadow-md);display:none;align-items:center;justify-content:center;z-index:500;transition:background var(--tr),transform var(--tr)}
.scroll-top-btn.visible{display:flex}
.scroll-top-btn:hover{background:var(--red-dark);transform:translateY(-3px)}

/* ── Dark Mode ────────────────────────────────────── */
/* See dark.css */

/* ── Responsive ───────────────────────────────────── */
@media(max-width:1100px){
    .cat-section-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:1fr 1fr}
    .hero-grid{grid-template-columns:1fr 280px}
}
@media(max-width:900px){
    .hero-grid{grid-template-columns:1fr;height:auto}
    .hero-side-stack{display:none}
    .home-layout,.archive-layout,.single-layout{grid-template-columns:1fr}
    .single-sidebar,.home-sidebar{display:none}
    .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .news-grid{grid-template-columns:1fr}
    .news-grid .news-card:first-child{grid-column:auto}
    .cat-section-grid{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr}
    .hero-title{font-size:18px}
    .header-ad-zone{display:none}
}
@media(max-width:480px){
    .cat-section-grid{grid-template-columns:1fr}
    .article-title{font-size:22px}
}