/*
Theme Name: The Apna Times
Theme URI: https://theapnatimes.com
Author: The Apna Times
Author URI: https://theapnatimes.com
Description: India's fastest-loading news WordPress theme. Breaking news ticker, hero layout, article grid, sidebar widgets, AdSense slots, full SEO, mobile-first responsive design.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theapnatimes
Tags: news, blog, responsive, custom-menu, featured-images, translation-ready
*/

/* ===== CSS VARIABLES ===== */
:root {
  --primary:#c0392b; --primary-dark:#96281b; --primary-light:#e74c3c;
  --accent:#f39c12; --dark:#1a1a2e; --dark-alt:#16213e;
  --text:#2d2d2d; --text-light:#555; --text-muted:#888;
  --bg:#f8f6f1; --bg-white:#fff; --bg-card:#fff; --border:#e8e4dc;
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'Source Serif 4',Georgia,serif;
  --font-ui:'DM Sans',system-ui,sans-serif;
  --shadow-sm:0 1px 4px rgba(0,0,0,.08); --shadow-md:0 4px 20px rgba(0,0,0,.10);
  --shadow-lg:0 8px 40px rgba(0,0,0,.15);
  --radius:6px; --radius-lg:12px;
  --transition:all .25s cubic-bezier(.4,0,.2,1);
}

/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ===== READING PROGRESS ===== */
.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--primary);z-index:99999;transition:width .1s;width:0}

/* ===== TOP BAR ===== */
.topbar{background:var(--dark);color:#ccc;font-family:var(--font-ui);font-size:12px;padding:6px 0;position:sticky;top:0;z-index:1000}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.topbar-date,.topbar-clock{display:flex;align-items:center;gap:6px}
.topbar-date i{color:var(--primary);font-size:11px}
.topbar-clock i{color:var(--accent);font-size:11px}
.topbar-links{display:flex;gap:14px}
.topbar-links a{color:#aaa;transition:color .2s;font-size:11px}
.topbar-links a:hover{color:#fff}
.topbar-social{display:flex;gap:12px}
.topbar-social a{color:#aaa;transition:var(--transition);font-size:14px}
.topbar-social a:hover{color:var(--primary);transform:translateY(-2px)}

/* ===== HEADER ===== */
header{background:var(--bg-white);border-bottom:1px solid var(--border);position:sticky;top:33px;z-index:999;box-shadow:var(--shadow-sm)}
.header-main{padding:14px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.header-left{display:flex;align-items:center;gap:14px}
.hamburger{font-size:20px;color:var(--text);padding:6px;transition:var(--transition)}
.hamburger:hover{color:var(--primary)}
.search-btn{font-size:18px;color:var(--text);padding:6px;transition:var(--transition)}
.search-btn:hover{color:var(--primary)}
.logo{text-align:center;flex:1}
.logo a{display:inline-block}
.logo h1{font-family:var(--font-display);font-size:clamp(26px,5vw,48px);font-weight:900;color:var(--dark);letter-spacing:-1px;line-height:1}
.logo span{color:var(--primary)}
.logo p{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:3px}
.header-right{display:flex;align-items:center;gap:10px}
.weather-widget{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-family:var(--font-ui);font-size:13px}
.weather-widget i{color:var(--accent)}
.btn-subscribe{background:var(--primary);color:#fff;font-family:var(--font-ui);font-size:13px;font-weight:600;padding:8px 18px;border-radius:4px;transition:var(--transition);display:inline-block}
.btn-subscribe:hover{background:var(--primary-dark);transform:translateY(-1px)}
.btn-signin{font-family:var(--font-ui);font-size:13px;color:var(--text);display:flex;align-items:center;gap:5px;padding:6px;transition:var(--transition)}
.btn-signin:hover{color:var(--primary)}

/* ===== NAVBAR ===== */
.navbar{background:var(--bg-white);border-top:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.navbar::-webkit-scrollbar{display:none}
.navbar ul,.navbar #primary-menu{display:flex;align-items:center;gap:0;white-space:nowrap;list-style:none;padding:0;margin:0}
.navbar li a{font-family:var(--font-ui);font-size:13.5px;font-weight:500;color:var(--text);padding:13px 16px;display:block;position:relative;transition:color .2s}
.navbar li a::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--primary);transform:scaleX(0);transition:transform .2s}
.navbar li a:hover,.navbar li.current-menu-item a{color:var(--primary)}
.navbar li a:hover::after,.navbar li.current-menu-item a::after{transform:scaleX(1)}
.navbar li.current-menu-item a{font-weight:700}

/* ===== BREAKING TICKER ===== */
.breaking-bar{background:var(--primary);color:#fff;display:flex;align-items:center;overflow:hidden}
.breaking-label{background:var(--dark);color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:9px 16px;white-space:nowrap;flex-shrink:0}
.breaking-arrow{width:0;height:0;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:14px solid var(--dark);flex-shrink:0}
.ticker-wrapper{flex:1;overflow:hidden;padding:0 12px}
.ticker-content{display:flex;animation:ticker 30s linear infinite;white-space:nowrap}
.ticker-content span{font-family:var(--font-ui);font-size:13px;padding-right:60px}
.ticker-content span::before{content:'⬥ ';opacity:.7}
@keyframes ticker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.ticker-nav{display:flex;flex-shrink:0}
.ticker-nav button{color:#fff;padding:8px 10px;font-size:13px;transition:background .2s}
.ticker-nav button:hover{background:rgba(255,255,255,.2)}

/* ===== CONTAINER ===== */
.container{max-width:1280px;margin:0 auto;padding:0 20px}

/* ===== AD SLOTS ===== */
.ad-slot{background:#f0ede6;border:1px dashed #ccc;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);font-family:var(--font-ui);font-size:11px;overflow:hidden;position:relative}
.ad-slot-label{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.12);color:#888;font-size:9px;padding:2px 6px;border-radius:2px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px}
.ad-leaderboard{width:100%;height:90px;margin:12px 0}
.ad-rectangle{width:100%;height:250px;margin:16px 0}
.ad-sidebar{width:100%;height:250px}

/* ===== MAIN LAYOUT ===== */
.main-content{display:grid;grid-template-columns:1fr 300px;gap:28px;padding:24px 0}

/* ===== HERO ===== */
.hero-section{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-bottom:28px}
.hero-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}
.hero-card img{width:100%;height:420px;object-fit:cover;transition:transform .5s}
.hero-card:hover img{transform:scale(1.03)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 40%,rgba(0,0,0,.2) 80%,transparent)}
.hero-content{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff}
.tag-badge{display:inline-block;background:var(--primary);color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:3px;margin-bottom:10px}
.hero-content h2{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.25;margin-bottom:10px}
.hero-content p{font-size:14px;opacity:.85;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-meta{font-family:var(--font-ui);font-size:12px;opacity:.8;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.article-meta span{display:flex;align-items:center;gap:4px}

/* ===== TOP STORIES PANEL ===== */
.top-stories-panel{display:flex;flex-direction:column;gap:0}
.panel-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--dark);padding-bottom:10px;border-bottom:3px solid var(--primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.panel-title i{color:var(--primary);font-size:16px}
.story-card{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}
.story-card:hover{padding-left:4px}
.story-card:last-child{border-bottom:none}
.story-card img{width:80px;height:60px;object-fit:cover;border-radius:var(--radius);flex-shrink:0}
.story-info h3{font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.35;margin-bottom:5px;transition:color .2s}
.story-card:hover .story-info h3{color:var(--primary)}
.story-meta{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:8px}
.story-cat{color:var(--primary);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px}

/* ===== SECTION HEADER ===== */
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.view-all{font-family:var(--font-ui);font-size:12px;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:4px;transition:var(--transition)}
.view-all:hover{gap:8px}

/* ===== ARTICLE GRID ===== */
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}
.article-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:1px solid var(--border)}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.article-card img{width:100%;height:180px;object-fit:cover;transition:transform .4s}
.article-card:hover img{transform:scale(1.04)}
.article-card .card-body{padding:16px}
.card-category{font-family:var(--font-ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:8px}
.article-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.article-card:hover h3{color:var(--primary)}
.article-card p{font-size:13px;color:var(--text-light);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);font-family:var(--font-ui);font-size:11px;color:var(--text-muted)}
.card-footer .author{display:flex;align-items:center;gap:5px;font-weight:500}
.read-time{display:flex;align-items:center;gap:4px}

/* ===== CATEGORIES SECTION ===== */
.categories-section{margin-bottom:28px}
.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.category-card{border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;aspect-ratio:4/3}
.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.category-card:hover img{transform:scale(1.08)}
.category-card .cat-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 50%,transparent)}
.category-card .cat-info{position:absolute;bottom:0;left:0;right:0;padding:12px 10px 10px;color:#fff}
.cat-info h4{font-family:var(--font-display);font-size:14px;font-weight:700}
.cat-info p{font-family:var(--font-ui);font-size:10px;opacity:.8;margin:2px 0 6px}
.btn-explore{display:inline-block;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:600;padding:4px 10px;border-radius:3px;transition:var(--transition)}
.btn-explore:hover{background:var(--primary);border-color:var(--primary)}

/* ===== SIDEBAR ===== */
.sidebar{display:flex;flex-direction:column;gap:20px}
.sidebar-widget{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}
.widget-header{background:var(--dark);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;padding:12px 16px;display:flex;align-items:center;gap:8px}
.widget-header i{color:var(--accent)}
.widget-body{padding:14px}
.latest-item{padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}
.latest-item:last-child{border-bottom:none;padding-bottom:0}
.latest-item:hover{padding-left:4px}
.latest-item h4{font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.35;margin-bottom:4px;transition:color .2s}
.latest-item:hover h4{color:var(--primary)}
.latest-item .time{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}
.latest-item .time i{color:var(--accent);font-size:10px}

/* ===== NEWSLETTER ===== */
.newsletter-widget{background:linear-gradient(135deg,var(--dark) 0%,var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-lg);padding:20px}
.newsletter-widget>i{font-size:28px;color:var(--accent);margin-bottom:10px;display:block}
.newsletter-widget h3{font-family:var(--font-display);font-size:18px;margin-bottom:6px}
.newsletter-widget p{font-family:var(--font-ui);font-size:13px;opacity:.85;margin-bottom:14px}
.newsletter-form{display:flex;flex-direction:column;gap:8px}
.newsletter-form input{padding:10px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-family:var(--font-ui);font-size:13px;outline:none;transition:border-color .2s;width:100%}
.newsletter-form input::placeholder{color:rgba(255,255,255,.5)}
.newsletter-form input:focus{border-color:var(--accent)}
.newsletter-form button{background:var(--accent);color:var(--dark);font-family:var(--font-ui);font-size:13px;font-weight:700;padding:10px;border-radius:4px;transition:var(--transition);width:100%}
.newsletter-form button:hover{background:#f1c40f;transform:translateY(-1px)}

/* ===== TAGS ===== */
.tags-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:14px}
.tag-pill{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:12px;padding:5px 12px;border-radius:20px;cursor:pointer;transition:var(--transition);display:inline-block}
.tag-pill:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* ===== SINGLE POST ===== */
.single-post-wrap{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;margin-bottom:28px}
.single-post-hero{position:relative}
.single-post-hero img{width:100%;max-height:420px;object-fit:cover}
.single-post-body{padding:28px}
.post-breadcrumb{font-family:var(--font-ui);font-size:12px;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.post-breadcrumb a{color:var(--primary)}
.post-headline{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.2;margin-bottom:14px;color:var(--dark)}
.post-meta-bar{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:20px;font-family:var(--font-ui);font-size:13px;color:var(--text-muted);flex-wrap:wrap}
.post-meta-bar .author-info{display:flex;align-items:center;gap:8px}
.author-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:700;flex-shrink:0;overflow:hidden}
.author-avatar img{width:100%;height:100%;object-fit:cover}
.post-social-share{display:flex;gap:8px;margin-left:auto}
.share-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;transition:var(--transition);cursor:pointer}
.share-fb{background:#1877f2;color:#fff}
.share-tw{background:#000;color:#fff}
.share-wa{background:#25d366;color:#fff}
.share-btn:hover{transform:scale(1.1)}
.post-content{font-size:16px;line-height:1.85;color:var(--text)}
.post-content p{margin-bottom:18px}
.post-content h2{font-family:var(--font-display);font-size:22px;font-weight:800;margin:28px 0 14px;color:var(--dark)}
.post-content h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin:20px 0 10px;color:var(--dark)}
.post-content ul{margin:14px 0 18px 20px}
.post-content ul li{margin-bottom:8px;list-style:disc}
.post-content blockquote{border-left:4px solid var(--primary);background:#fdf5f4;padding:16px 20px;margin:20px 0;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;font-size:17px;color:var(--dark)}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}

/* ===== SEARCH OVERLAY ===== */
.search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:10000;align-items:flex-start;justify-content:center;padding-top:80px}
.search-overlay.open{display:flex;animation:fadeIn .2s}
.search-box{width:100%;max-width:640px;padding:0 20px;animation:slideDown .3s}
@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}
.search-box h2{font-family:var(--font-display);font-size:28px;color:#fff;margin-bottom:16px}
.search-input-wrap{display:flex;background:#fff;border-radius:8px;overflow:hidden}
.search-input-wrap input{flex:1;padding:16px 20px;font-family:var(--font-body);font-size:16px;border:none;outline:none}
.search-input-wrap button{background:var(--primary);color:#fff;padding:0 20px;font-size:18px}
.search-close{position:absolute;top:20px;right:20px;color:#fff;font-size:24px;cursor:pointer}

/* ===== MOBILE MENU ===== */
.mobile-menu{display:none;position:fixed;inset:0;background:var(--dark);z-index:10000;flex-direction:column;padding:60px 30px 30px;overflow-y:auto}
.mobile-menu.open{display:flex;animation:fadeIn .25s}
.mobile-menu-close{position:absolute;top:16px;right:20px;color:#fff;font-size:24px;cursor:pointer}
.mobile-menu ul,.mobile-menu #mobile-nav-menu{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:0}
.mobile-menu li a{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);display:block;transition:color .2s}
.mobile-menu li a:hover{color:var(--accent)}
.mobile-social{display:flex;gap:16px;margin-top:30px}
.mobile-social a{color:#fff;font-size:22px;transition:color .2s}
.mobile-social a:hover{color:var(--accent)}

/* ===== FOOTER ===== */
footer{background:var(--dark);color:#ccc;margin-top:40px}
.footer-top{padding:48px 0 32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.footer-brand h3{font-family:var(--font-display);font-size:28px;font-weight:900;color:#fff}
.footer-brand h3 span{color:var(--primary)}
.footer-brand p{font-family:var(--font-ui);font-size:13px;line-height:1.7;margin:12px 0;opacity:.8}
.footer-social{display:flex;gap:10px;margin-top:14px}
.footer-social a{width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;transition:var(--transition)}
.footer-social a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}
.footer-col h4{font-family:var(--font-ui);font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-col ul{display:flex;flex-direction:column;gap:10px}
.footer-col ul li a{font-family:var(--font-ui);font-size:13px;color:#aaa;transition:color .2s;display:flex;align-items:center;gap:6px}
.footer-col ul li a::before{content:'›';color:var(--primary);font-size:16px}
.footer-col ul li a:hover{color:#fff}
.footer-bottom{background:rgba(0,0,0,.3);padding:16px 0}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:12px;gap:12px;flex-wrap:wrap}
.footer-links{display:flex;gap:16px}
.footer-links a{color:#888;transition:color .2s}
.footer-links a:hover{color:#fff}

/* ===== SKELETON ===== */
.skeleton{background:linear-gradient(90deg,#f0ede6 25%,#e8e4dc 50%,#f0ede6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ===== SCROLL TOP ===== */
.scroll-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--dark);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;transform:translateY(20px);transition:var(--transition);box-shadow:var(--shadow-md);z-index:999;cursor:pointer}
.scroll-top.visible{opacity:1;transform:translateY(0)}
.scroll-top:hover{background:var(--primary)}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--dark);color:#fff;font-family:var(--font-ui);font-size:14px;padding:12px 24px;border-radius:8px;box-shadow:var(--shadow-lg);opacity:0;transition:all .3s;z-index:99999;white-space:nowrap;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== PAGINATION ===== */
.pagination{display:flex;gap:8px;justify-content:center;padding:24px 0}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:14px;font-weight:600;transition:var(--transition);background:var(--bg-white)}
.pagination .page-numbers.current{background:var(--primary);color:#fff;border-color:var(--primary)}
.pagination .page-numbers:hover{background:var(--dark);color:#fff;border-color:var(--dark)}
.pagination .prev,.pagination .next{width:auto;padding:0 16px;font-size:13px}

/* ===== COMMENTS ===== */
.comments-area{margin-top:28px}
.comments-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--dark);margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--primary)}
.comment-list{list-style:none;display:flex;flex-direction:column;gap:16px}
.comment-body{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}
.comment-author-name{font-family:var(--font-ui);font-weight:700;font-size:14px}
.comment-date{font-family:var(--font-ui);font-size:12px;color:var(--text-muted);margin-bottom:8px}
.comment-content p{font-size:14px;line-height:1.6}
.comment-reply-link{font-family:var(--font-ui);font-size:12px;color:var(--primary);font-weight:600;margin-top:8px;display:inline-block}
.comment-reply-link:hover{text-decoration:underline}
.comment-form-wrap{margin-top:28px}
.comment-form-title{font-family:var(--font-display);font-size:20px;font-weight:800;margin-bottom:16px}
.comment-form input,.comment-form textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:14px;outline:none;background:var(--bg-white);color:var(--text);margin-bottom:12px;transition:border-color .2s}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary)}
.comment-form textarea{height:120px;resize:vertical}
.comment-form .submit{background:var(--primary);color:#fff;padding:12px 28px;border-radius:var(--radius);font-family:var(--font-ui);font-size:14px;font-weight:700;transition:var(--transition);cursor:pointer}
.comment-form .submit:hover{background:var(--primary-dark);transform:translateY(-1px)}
.wp-block-buttons .wp-block-button__link{background:var(--primary);color:#fff}

/* ===== ARCHIVE / CATEGORY PAGE ===== */
.archive-header{margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid var(--primary)}
.archive-header h1{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:800;color:var(--dark)}
.archive-header p{font-family:var(--font-ui);font-size:14px;color:var(--text-muted);margin-top:6px}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .main-content{grid-template-columns:1fr}
  .categories-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .articles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .hero-section{grid-template-columns:1fr}
  .top-stories-panel{display:none}
  .articles-grid{grid-template-columns:1fr}
  .categories-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .header-right .weather-widget{display:none}
  .topbar-links{display:none}
  .footer-bottom-inner{flex-direction:column;text-align:center}
  .post-meta-bar{flex-direction:column;gap:10px}
  .post-social-share{margin-left:0}
}
@media(max-width:480px){
  .categories-grid{grid-template-columns:repeat(2,1fr)}
  .logo h1{font-size:28px}
  .btn-signin span{display:none}
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ═══════════════════════════════════════════════════════════
   THE APNA TIMES v2 — EXTENDED FEATURES
   Language Switcher | Share Bar | Author Box | Social Follow
═══════════════════════════════════════════════════════════ */

/* ── Language Switcher ─────────────────────────────────── */
.tat-lang-switcher {
    position: relative;
    z-index: 200;
}
.lang-current-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    font-family: var(--font-ui);
    white-space: nowrap;
}
.lang-current-btn:hover { background: rgba(255,255,255,0.22); }
.lang-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    min-width: 160px;
    display: none;
    flex-direction: column;
    overflow: hidden;
    animation: fadeInDown 0.2s ease;
}
.lang-dropdown.open { display: flex; }
.lang-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    font-family: var(--font-ui);
    font-size: 13px;
    color: var(--text);
    text-decoration: none;
    transition: background 0.15s;
    border-bottom: 1px solid var(--border);
}
.lang-option:last-child { border-bottom: none; }
.lang-option:hover { background: var(--bg-alt); }
.lang-option.active { background: var(--primary); color: #fff; }
.lang-script { font-size: 15px; min-width: 22px; text-align: center; }
.lang-name { font-size: 12px; }
@keyframes fadeInDown {
    from { opacity:0; transform: translateY(-6px); }
    to   { opacity:1; transform: translateY(0); }
}

/* ── Meta Bar Enhancements ─────────────────────────────── */
.post-meta-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    margin: 14px 0 18px;
}
.author-info-inline {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 180px;
}
.author-inline-name {
    font-weight: 700;
    font-size: 14px;
    color: var(--text);
    font-family: var(--font-display);
}
.author-inline-role {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 2px;
}
.meta-details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.meta-item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--text-muted);
    font-family: var(--font-ui);
    white-space: nowrap;
}
.meta-item i { color: var(--primary); }

/* ── Article Share Bar ─────────────────────────────────── */
.tat-share-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    background: var(--bg-alt);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px 16px;
    margin: 18px 0;
}
.share-bar-label {
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 4px;
}
.share-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    text-decoration: none;
    font-family: var(--font-ui);
}
/* Like */
.like-btn {
    background: #fff0f3;
    color: #e0345b;
    border: 1px solid #ffc0cb;
}
.like-btn:hover, .like-btn.liked { background: #e0345b; color: #fff; }
.like-btn.liked { cursor: default; }
/* Facebook */
.share-fb-btn { background: #1877f2; color: #fff; }
.share-fb-btn:hover { background: #145db2; }
/* Twitter */
.share-tw-btn { background: #000; color: #fff; }
.share-tw-btn:hover { background: #333; }
/* WhatsApp */
.share-wa-btn { background: #25d366; color: #fff; }
.share-wa-btn:hover { background: #1da851; }
/* Instagram */
.share-ig-btn { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: #fff; }
.share-ig-btn:hover { opacity: 0.88; }
/* YouTube */
.share-yt-btn { background: #ff0000; color: #fff; }
.share-yt-btn:hover { background: #cc0000; }
/* WhatsApp Community */
.wa-community-btn {
    background: #128c7e;
    color: #fff;
    font-size: 12px;
    padding: 7px 14px;
    border-radius: 20px;
}
.wa-community-btn:hover { background: #075e54; }
.wa-comm-text { font-size: 11px; font-weight: 700; }
/* Copy link */
.copy-link-btn { background: var(--bg); color: var(--text-muted); border: 1px solid var(--border); }
.copy-link-btn:hover { background: var(--primary); color: #fff; border-color: var(--primary); }

/* ── Professional Author Box ───────────────────────────── */
.tat-author-box {
    background: linear-gradient(135deg, var(--bg) 0%, var(--bg-alt) 100%);
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary);
    border-radius: 14px;
    padding: 24px;
    margin: 28px 0 8px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}
.author-box-header {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}
.author-box-avatar {
    position: relative;
    flex-shrink: 0;
}
.author-pro-avatar {
    width: 82px !important;
    height: 82px !important;
    border-radius: 50% !important;
    border: 3px solid var(--primary);
    object-fit: cover;
}
.author-verified-badge {
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--primary);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.author-box-name {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    color: var(--text);
    line-height: 1.2;
}
.author-box-role {
    font-family: var(--font-ui);
    font-size: 13px;
    color: var(--primary);
    font-weight: 600;
    margin-top: 4px;
}
.author-box-stats {
    display: flex;
    gap: 14px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.author-box-stats span {
    font-family: var(--font-ui);
    font-size: 12px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 4px;
}
.author-box-stats i { color: var(--primary); }
.author-box-socials {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}
.author-social-link {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-decoration: none;
    transition: transform 0.2s, opacity 0.2s;
    color: #fff;
}
.author-social-link:hover { transform: scale(1.15); opacity: 0.9; }
.author-social-link.fb  { background: #1877f2; }
.author-social-link.tw  { background: #000; }
.author-social-link.web { background: var(--primary); }
.author-box-bio {
    font-family: var(--font-body);
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.65;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--border);
}
.author-box-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    background: var(--primary);
    color: #fff;
    padding: 9px 18px;
    border-radius: 8px;
    font-family: var(--font-ui);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s, transform 0.15s;
}
.author-box-cta:hover { background: var(--primary-dark); transform: translateY(-1px); color: #fff; }

/* ── Social Follow Buttons ─────────────────────────────── */
.tat-social-follow {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 14px 0;
}
.social-follow-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    min-width: 150px;
    flex: 1;
    max-width: 200px;
    color: #fff;
}
.social-follow-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); color: #fff; }
.social-follow-btn i { font-size: 22px; flex-shrink: 0; }
.social-follow-info { display: flex; flex-direction: column; }
.social-follow-label { font-size: 13px; font-weight: 700; font-family: var(--font-ui); }
.social-follow-action { font-size: 11px; opacity: 0.85; font-family: var(--font-ui); }
.fb-btn  { background: linear-gradient(135deg,#1877f2,#0c5fd4); }
.ig-btn  { background: linear-gradient(135deg,#f09433,#e6683c,#dc2743,#bc1888); }
.tw-btn  { background: linear-gradient(135deg,#14171a,#333); }
.yt-btn  { background: linear-gradient(135deg,#ff0000,#cc0000); }
.wa-btn  { background: linear-gradient(135deg,#25d366,#128c7e); }
.tg-btn  { background: linear-gradient(135deg,#0088cc,#006699); }

/* Section title small */
.section-title-sm {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.section-title-sm i { color: var(--primary); }

/* ── Responsive ────────────────────────────────────────── */
@media (max-width: 640px) {
    .tat-share-bar { gap: 6px; padding: 10px 12px; }
    .share-action-btn { padding: 6px 9px; font-size: 12px; }
    .wa-comm-text { display: none; }
    .author-box-header { flex-direction: column; align-items: center; text-align: center; }
    .author-box-socials { justify-content: center; }
    .author-box-stats { justify-content: center; }
    .social-follow-btn { min-width: 130px; flex: 1 1 40%; }
    .tat-lang-switcher { display: none; } /* Hide in very small mobile - will show in menu */
    .meta-details { gap: 7px; }
    .meta-item { font-size: 11px; }
}
@media (max-width: 480px) {
    .author-box-name { font-size: 17px; }
    .author-pro-avatar { width: 68px !important; height: 68px !important; }
}

/* ── 4 Ad Slots Layout ──────────────────────────────────── */
.ad-wrap {
    width: 100%;
    margin: 20px 0;
    text-align: center;
    overflow: hidden;
}
.ad-wrap-top    { margin-bottom: 20px; }
.ad-wrap-inline { margin: 18px 0; }
.ad-wrap-mid    {
    margin: 28px 0;
    padding: 16px 0;
    border-top: 2px dashed var(--border);
    border-bottom: 2px dashed var(--border);
    background: var(--bg-alt);
    border-radius: 8px;
    position: relative;
}
.ad-wrap-mid::before {
    content: 'Advertisement';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bg-alt);
    padding: 0 10px;
    font-size: 10px;
    color: var(--text-muted);
    font-family: var(--font-ui);
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ad-wrap-after-content {
    margin: 24px 0;
    padding: 14px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

/* ── Related card date ──────────────────────────────────── */
.meta-date {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--text-muted);
    font-family: var(--font-ui);
}
.meta-date i { color: var(--primary); font-size: 10px; }