/* ============================================================
   NEWS TAK — english.css
   English version overrides — Poppins font, adjusted sizing
   ============================================================ */

/* Override font variables for English */
:root {
  --font-hindi: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:  'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Slightly tighter line-height for Latin script */
body { line-height: 1.55; }

/* Card titles */
.news-card-title       { font-size: .9rem; line-height: 1.4; font-weight: 700; }
.hero-title            { font-size: clamp(1.05rem, 2.5vw, 1.5rem); line-height: 1.35; }
.featured-card-title   { font-size: clamp(.95rem, 1.8vw, 1.2rem); }
.list-card-title       { font-size: .82rem; }
.video-card-title      { font-size: .84rem; }
.rank-card-title       { font-size: .78rem; }
.section-title         { font-size: 1.1rem; }
.story-headline        { font-size: clamp(1.3rem, 3vw, 1.9rem); font-weight: 800; }
.story-summary         { font-size: .95rem; }
.story-body            { font-size: .93rem; }
.story-pullquote p     { font-size: 1rem; }

/* Ticker */
.ticker-item           { font-size: .8rem; }
.breaking-label        { font-size: .76rem; letter-spacing: .3px; }

/* Nav links */
.nav-link-item         { font-size: .86rem; }
.drawer-nav-link       { font-size: .88rem; }
.drawer-sub-link       { font-size: .8rem; }

/* Buttons */
.btn-live              { font-size: .7rem; }
.lang-switch           { font-size: .7rem; }
.filter-tab            { font-size: .78rem; }
.trending-tag          { font-size: .74rem; }

/* Footer */
.footer-tagline        { font-size: .8rem; }
.footer-links a        { font-size: .8rem; }
.footer-col-title      { font-size: .88rem; }
.footer-bottom-text    { font-size: .72rem; }

/* Sidebar */
.sidebar-widget-title  { font-size: .83rem; }
.rank-card-time        { font-size: .67rem; }

/* Meta */
.news-card-meta        { font-size: .68rem; }
.story-meta-right      { font-size: .7rem; }
.story-author-name     { font-size: .84rem; }

/* Epaper */
.ep-story-head.xl      { font-size: clamp(1.1rem, 2.2vw, 1.6rem); }
.ep-story-head.lg      { font-size: clamp(.95rem, 1.7vw, 1.2rem); }
.ep-story-head.md      { font-size: .9rem; }
.ep-story-deck         { font-size: .76rem; }
.ep-masthead-logo img  { height: 50px; }

/* Visual stories */
.vs-page-title         { font-size: clamp(1.3rem, 3vw, 1.8rem); }
.vs-card-title         { font-size: .62rem; }
.vs-slide-title        { font-size: clamp(.95rem, 3.5vw, 1.25rem); }
.vs-grid-title         { font-size: .84rem; }

/* Bottom nav */
.bottom-nav-item       { font-size: .6rem; }

/* Comments */
.story-comment-text    { font-size: .8rem; }
.story-comment-name    { font-size: .8rem; }

/* Ad labels */
.ad-label              { font-size: .63rem; letter-spacing: .5px; }

/* Keypoints */
.story-keypoints-list li { font-size: .83rem; }

/* Stats */
.story-stat-label      { font-size: .68rem; }

/* Author bio */
.story-author-bio-desc { font-size: .76rem; }

/* Search */
.search-title          { font-size: .98rem; }
.search-tag            { font-size: .76rem; }
.search-field          { font-size: .92rem; }

/* Weather widget */
.weather-city          { font-size: .76rem; }
.weather-desc          { font-size: .78rem; }
.weather-meta          { font-size: .7rem; }

/* UP page district pills */
.district-pill         { font-size: .7rem; }
.state-subnav-item     { font-size: .78rem; }

/* Category banner */
.cat-banner-title      { font-size: clamp(1.3rem, 2.8vw, 1.9rem); }
.cat-banner-sub        { font-size: .8rem; }

/* Share bar */
.story-share-btn       { font-size: .7rem; }
.story-share-label     { font-size: .73rem; }

/* Video page */
.video-info-title      { font-size: 1.05rem; }
.video-info-meta       { font-size: .73rem; }
.btn-vid-action        { font-size: .73rem; }
.playlist-title        { font-size: .76rem; }

/* Scrollbars for horizontal strips */
::-webkit-scrollbar { height: 4px; background: var(--gray-100); }
::-webkit-scrollbar-thumb { background: var(--red); border-radius: 2px; }
