/*
 * Theme Name:   Digital Asar Samachar Pro
 * Theme URI:    https://digitalasar.in
 * Description:  Dainik Bhaskar exact UI — Mobile app style + Desktop 3-column. Bhagwa color combo. GP 3.6.1 + WP 6.7.
 * Author:       Digital Asar Team
 * Author URI:   https://digitalasar.in
 * Template:     generatepress
 * Version:      4.0.0
 * Requires PHP: 7.4
 * Requires at least: 6.3
 * Tested up to: 6.7
 * License:      GPL-2.0-or-later
 * Text Domain:  da-samachar
 */

@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400;500;600;700;800&family=Noto+Sans+Devanagari:wght@400;600;700;800&display=swap');

/* ================================================================
   DESIGN TOKENS — BHAGWA COMBO
   ================================================================ */
:root {
  /* Bhagwa Palette */
  --bhagwa:       #FF6600;
  --bhagwa-dk:    #e05500;
  --bhagwa-lt:    #fff3e8;
  --red:          #E2211C;
  --red-dk:       #b91c18;
  --green:        #1a7a1a;   /* DB title keyword green */
  --purple:       #8B0AC4;   /* राज्य-शहर */
  --blue:         #0066cc;
  --teal:         #007a7a;
  /* Neutrals */
  --black:        #0f0f0f;
  --dark:         #1a1a1a;
  --body-bg:      #f2f2f2;
  --card-bg:      #ffffff;
  --border:       #e5e5e5;
  --text:         #1a1a1a;
  --muted:        #666;
  --light-gray:   #f7f7f7;
  /* Header */
  --header-bg:    #000000;
  --catnav-bg:    #111111;
  /* Typography */
  --font:         'Mukta', 'Noto Sans Devanagari', sans-serif;
  --r:            4px;
  --sh:           0 1px 3px rgba(0,0,0,.08);
  --t:            .15s ease;
}

/* DARK MODE */
body.db-dark {
  --body-bg:   #121212;
  --card-bg:   #1e1e1e;
  --border:    #2e2e2e;
  --text:      #e8e8e8;
  --muted:     #999;
  --light-gray:#161616;
  --green:     #4caf50;
}
body.db-dark .db-catbadge { background: rgba(255,255,255,.06) !important; }
body.db-dark .db-card-wrap { background: var(--card-bg) !important; }
body.db-dark .db-left-sidebar { background: var(--card-bg) !important; }

/* ================================================================
   GP NUCLEAR RESET
   ================================================================ */
#masthead,.site-header{all:unset!important;display:block!important}
.inside-header{padding:0!important}
.main-navigation,.navigation-branding,.nav-float-right,.nav-float-left{display:none!important}
#secondary,.widget-area{display:none!important}
.entry-header,.page-header{display:none!important}
.grid-container{max-width:100%!important;padding:0!important}
.site-content{padding-top:0!important}
.entry-content,.inside-article{padding:0!important}
#page{background:var(--body-bg)!important}
.generate-back-to-top{display:none!important}
.site-main{width:100%}

/* ================================================================
   BASE RESET
   ================================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);
  font-size:15px;color:var(--text);
  background:var(--body-bg);
  line-height:1.6;
  transition:background .2s,color .2s;
}
a{color:var(--red);text-decoration:none}
a:hover{color:var(--red-dk)}
img{max-width:100%;height:auto;display:block}
button{cursor:pointer;font-family:var(--font)}

/* ================================================================
   READING PROGRESS
   ================================================================ */
#das-progress{
  position:fixed;top:0;left:0;height:2px;width:0%;
  background:linear-gradient(90deg,var(--bhagwa),var(--red));
  z-index:10000;transition:width .08s linear
}

/* ================================================================
   HEADER — DB exact (black bg, logo left, 3 icons right)
   ================================================================ */
.das-header{
  background:var(--header-bg);
  position:sticky;top:0;z-index:990;
  border-bottom:2px solid var(--bhagwa);
}
.das-header-inner{
  display:flex;align-items:center;
  justify-content:space-between;
  padding:8px 12px;min-height:54px;gap:10px;
  max-width:1280px;margin:0 auto;
}
/* Logo */
.das-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.das-logo img{max-height:44px;width:auto}
.das-logo-txt{display:flex;flex-direction:column}
.das-logo-name{font-size:22px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.3px}
.das-logo-name .orange{color:var(--bhagwa)}
.das-logo-sub{font-size:9.5px;color:rgba(255,255,255,.4);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}

/* Header icons (DB: sidebar toggle + epaper + search) */
.das-hdr-icons{display:flex;align-items:center;gap:6px}
.das-hdr-btn{
  width:36px;height:36px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r);
  color:rgba(255,255,255,.8);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;text-decoration:none;
  transition:all var(--t);
}
.das-hdr-btn:hover,.das-hdr-btn.active{background:var(--bhagwa);border-color:var(--bhagwa);color:#fff}
.das-hdr-btn svg{width:18px;height:18px;fill:currentColor}

/* Desktop header extras */
.das-hdr-desktop{display:none}
@media(min-width:900px){
  .das-hdr-desktop{display:flex;align-items:center;gap:8px}
  .das-hdr-nav{
    display:flex;align-items:center;gap:0;
    overflow:hidden;
  }
  .das-hdr-navlink{
    display:flex;align-items:center;gap:4px;
    padding:6px 12px;font-size:12px;font-weight:700;
    color:rgba(255,255,255,.65);text-decoration:none;
    border-bottom:3px solid transparent;
    transition:all var(--t);white-space:nowrap;
    text-transform:uppercase;letter-spacing:.2px;
  }
  .das-hdr-navlink:hover,.das-hdr-navlink.active{
    color:#fff;border-bottom-color:var(--bhagwa)
  }
  .das-hdr-navlink .ni{font-size:14px}
}

/* ================================================================
   TRENDING TOPICS BAR (below header, DB exact pill style)
   ================================================================ */
.das-trending-bar{
  background:#fff;
  border-bottom:1px solid var(--border);
  overflow:hidden;
}
.das-trending-inner{
  display:flex;align-items:center;
  padding:6px 12px;gap:6px;
  overflow-x:auto;scrollbar-width:none;
  max-width:1280px;margin:0 auto;
}
.das-trending-inner::-webkit-scrollbar{display:none}
.das-trending-lbl{
  font-size:11px;font-weight:800;color:var(--red);
  white-space:nowrap;flex-shrink:0;margin-right:2px;
  text-transform:uppercase;letter-spacing:.3px;
}
.das-trend-pill{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 12px;border-radius:20px;
  background:var(--light-gray);border:1px solid var(--border);
  font-size:11.5px;font-weight:600;color:var(--text);
  white-space:nowrap;flex-shrink:0;text-decoration:none;
  transition:all var(--t);
}
.das-trend-pill:hover{background:var(--bhagwa);border-color:var(--bhagwa);color:#fff}
.das-trend-pill.hot{background:var(--red);border-color:var(--red);color:#fff}
.das-trend-pill .arr{font-size:10px;opacity:.6}

/* ================================================================
   DESKTOP 3-COLUMN LAYOUT
   Mobile: single column (left sidebar hidden, right sidebar hidden)
   Desktop: left-sidebar(220px) + main(flex-1) + right-sidebar(300px)
   ================================================================ */
.das-page-wrap{max-width:1280px;margin:0 auto;padding:8px 10px}

/* Desktop layout */
@media(min-width:1024px){
  .das-layout-grid{
    display:grid;
    grid-template-columns:220px 1fr 300px;
    gap:8px;align-items:start;
  }
}
@media(min-width:900px) and (max-width:1023px){
  .das-layout-grid{
    display:grid;
    grid-template-columns:200px 1fr;
    gap:8px;align-items:start;
  }
  .das-right-sidebar{display:none}
}
@media(max-width:899px){
  .das-layout-grid{display:block}
  .das-left-sidebar{display:none}
  .das-right-sidebar{display:none}
}

/* ================================================================
   LEFT SIDEBAR (Desktop category list — DB exact)
   ================================================================ */
.das-left-sidebar{
  position:sticky;top:60px;
  background:var(--card-bg);
  border-radius:var(--r);
  box-shadow:var(--sh);
  overflow:hidden;
}
.das-left-logo{
  background:var(--header-bg);
  padding:10px 12px;
  border-bottom:2px solid var(--bhagwa);
}
.das-left-logo .das-logo-name{font-size:18px}
.das-left-logo .das-logo-sub{display:none}

/* Category list */
.das-catlist{padding:4px 0}
.das-catitem{
  display:flex;align-items:center;gap:8px;
  padding:8px 14px;
  font-size:13px;font-weight:600;color:var(--text);
  text-decoration:none;border-left:3px solid transparent;
  transition:all var(--t);
}
.das-catitem:hover{background:var(--bhagwa-lt);border-left-color:var(--bhagwa);color:var(--dark)}
.das-catitem.active{background:var(--bhagwa-lt);border-left-color:var(--bhagwa);color:var(--bhagwa-dk);font-weight:700}
.das-catitem .cico{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}

/* App download in left sidebar */
.das-sidebar-apps{padding:12px;border-top:1px solid var(--border)}
.das-app-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.das-app-btn{
  display:flex;align-items:center;gap:6px;
  padding:6px 10px;background:var(--dark);color:#fff;
  border-radius:4px;font-size:11px;font-weight:600;
  text-decoration:none;margin-bottom:4px;
}
.das-app-btn .abi{font-size:16px}

/* Social icons in sidebar */
.das-sidebar-social{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}
.das-ss-ico{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;text-decoration:none}
.ssi-fb{background:#1877f2}.ssi-tw{background:#000}.ssi-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#bc1888)}.ssi-yt{background:#ff0000}

/* ================================================================
   MAIN FEED
   ================================================================ */
.das-main-feed{min-width:0}

/* ================================================================
   NEWS CARD — DB exact style
   Each card: title (with colored keyword) + thumbnail right + badge + share
   ================================================================ */
.das-card-wrap{
  background:var(--card-bg);
  border-bottom:1px solid var(--border);
  padding:10px 12px;
  transition:background var(--t);
}
.das-card-wrap:hover{background:#fffbf8}
.das-card-wrap:last-child{border-bottom:none}

/* Card inner: content left + thumb right */
.das-card-inner{display:flex;gap:10px;align-items:flex-start}
.das-card-content{flex:1;min-width:0}
.das-card-thumb{
  width:115px;height:78px;flex-shrink:0;
  border-radius:3px;overflow:hidden;position:relative;
}
.das-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.das-card-wrap:hover .das-card-thumb img{transform:scale(1.04)}

/* Video duration badge */
.das-vid-dur{
  position:absolute;bottom:4px;right:4px;
  background:rgba(0,0,0,.78);color:#fff;
  font-size:10px;font-weight:700;padding:1px 5px;
  border-radius:2px;letter-spacing:.3px;
}
/* Play icon overlay */
.das-vid-play{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
}
.das-vid-play::after{
  content:'';width:28px;height:28px;
  background:rgba(226,33,28,.9);border-radius:50%;
  border:2px solid rgba(255,255,255,.6);
}

/* Title — DB style: first part colored, rest normal */
.das-card-title{
  font-size:14.5px;font-weight:700;line-height:1.42;
  color:var(--text);margin-bottom:6px;
}
.das-card-title a{color:inherit}
.das-card-title a:hover{color:var(--red)}
/* DB keyword highlight: green or red for first phrase */
.das-kw-green{color:var(--green)}
.das-kw-red{color:var(--red)}
.das-kw-orange{color:var(--bhagwa)}
.das-kw-purple{color:var(--purple)}

/* Card bottom row: badge left + share right */
.das-card-bottom{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:6px;
}
.das-catbadge{
  display:inline-flex;align-items:center;gap:3px;
  padding:3px 10px 3px 8px;
  border:1px solid var(--border);border-radius:20px;
  font-size:11.5px;font-weight:600;color:var(--text);
  background:var(--light-gray);text-decoration:none;
  transition:all var(--t);
}
.das-catbadge:hover{border-color:var(--bhagwa);color:var(--bhagwa)}
.das-catbadge .arr{font-size:9px;color:var(--muted)}

/* DB LIVE badge */
.das-live-badge{
  display:inline-flex;align-items:center;gap:3px;
  background:var(--red);color:#fff;
  font-size:9.5px;font-weight:800;padding:1px 6px;
  border-radius:3px;letter-spacing:.3px;margin-left:4px;
  vertical-align:middle;
}
.das-live-badge::before{content:'';width:5px;height:5px;background:#fff;border-radius:50%;animation:das-blink 1s infinite}
@keyframes das-blink{0%,100%{opacity:1}50%{opacity:0}}

/* DB "विशेष" type labels */
.das-art-label{
  display:inline-flex;align-items:center;gap:3px;
  background:var(--bhagwa);color:#fff;
  font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:2px;letter-spacing:.2px;margin-right:5px;
  vertical-align:middle;text-decoration:none;
  transition:background var(--t);
}
.das-art-label:hover{background:var(--bhagwa-dk)}
.das-art-label.lbl-red{background:var(--red)}
.das-art-label.lbl-purple{background:var(--purple)}
.das-art-label.lbl-blue{background:var(--blue)}

/* WhatsApp share icon (right of each card) */
.das-wa-share{
  display:flex;align-items:center;gap:4px;
  color:var(--muted);font-size:11px;font-weight:600;
  text-decoration:none;flex-shrink:0;
  transition:color var(--t);
}
.das-wa-share:hover{color:#25d366}
.das-wa-share svg{width:16px;height:16px;fill:currentColor}

/* Google News follow strip */
.das-gnews-strip{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;background:#fff8f0;
  border:1px solid rgba(255,102,0,.2);border-radius:var(--r);
  margin:4px 0;font-size:12.5px;font-weight:600;color:var(--text);
}
.das-gnews-btn{
  display:flex;align-items:center;gap:6px;
  background:#1a73e8;color:#fff;
  padding:5px 12px;border-radius:3px;
  font-size:12px;font-weight:700;text-decoration:none;
  flex-shrink:0;
}
.das-gnews-btn .g-ico{background:#fff;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
.das-gnews-btn span{font-size:10px;color:rgba(255,255,255,.8)}

/* ================================================================
   SECTION HEADING — DB exact (icon + name + "सभी खबरें" button)
   ================================================================ */
.das-sech{
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 12px;background:var(--card-bg);
  border-bottom:2px solid var(--bhagwa);
  position:sticky;top:56px;z-index:10;
}
.das-sech-l{display:flex;align-items:center;gap:6px}
.das-sech-ico{font-size:16px}
.das-sech-name{font-size:15px;font-weight:800;color:var(--text)}
.das-sech-btn{
  display:inline-flex;align-items:center;gap:3px;
  padding:4px 12px;border:1.5px solid var(--bhagwa);
  border-radius:var(--r);font-size:11.5px;font-weight:700;
  color:var(--bhagwa);text-decoration:none;transition:all var(--t);
}
.das-sech-btn:hover{background:var(--bhagwa);color:#fff}

/* ================================================================
   HERO / LEAD STORY (big card at top)
   ================================================================ */
.das-hero-card{
  background:var(--card-bg);
  border-bottom:2px solid var(--border);
}
.das-hero-fig{display:block;position:relative;overflow:hidden}
.das-hero-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s}
.das-hero-card:hover .das-hero-fig img{transform:scale(1.02)}
.das-hero-body{padding:10px 12px 12px}
.das-hero-title{
  font-size:18px;font-weight:800;line-height:1.38;
  color:var(--text);margin-bottom:8px;
}
.das-hero-title a{color:inherit}
.das-hero-title a:hover{color:var(--red)}

/* ================================================================
   LIVE UPDATES ROW
   ================================================================ */
.das-live-row{
  padding:8px 12px;background:#fff9f9;
  border-bottom:1px solid var(--border);
  border-left:3px solid var(--red);
}
.das-live-update{
  display:flex;align-items:flex-start;gap:6px;
  font-size:12px;color:var(--text);padding:3px 0;
}
.das-lu-dot{width:6px;height:6px;background:var(--red);border-radius:50%;flex-shrink:0;margin-top:5px}
.das-lu-time{color:var(--muted);flex-shrink:0;min-width:60px}

/* ================================================================
   SECTION BLOCK (groups multiple cards)
   ================================================================ */
.das-section-block{
  background:var(--card-bg);
  border-radius:var(--r);
  margin-bottom:6px;
  box-shadow:var(--sh);
  overflow:hidden;
}

/* ================================================================
   RIGHT SIDEBAR
   ================================================================ */
.das-right-sidebar{position:sticky;top:60px}
.das-wid{
  background:var(--card-bg);border-radius:var(--r);
  margin-bottom:8px;overflow:hidden;box-shadow:var(--sh);
}
.das-wid-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 12px;background:var(--light-gray);
  border-bottom:2px solid var(--bhagwa);
}
.das-wid-title{font-size:12px;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:.3px}
.das-wid-more{font-size:11px;font-weight:700;color:var(--bhagwa);text-decoration:none}
.das-wid-more:hover{text-decoration:underline}
.das-wid-body{padding:8px 12px}

/* Rashifal widget */
.das-rashi-sel{
  display:flex;align-items:center;gap:6px;
  padding:7px 12px;border-bottom:1px solid var(--border);
}
.das-rashi-ico{font-size:22px}
.das-rashi-name{font-size:13px;font-weight:700;color:var(--text)}
.das-rashi-name span{color:var(--muted);font-weight:400;font-size:12px;margin-left:3px}
.das-rashi-arr{margin-left:auto;font-size:14px;color:var(--muted)}
.das-rashi-text{font-size:12.5px;color:var(--muted);line-height:1.6;padding:8px 12px}
.das-rashi-more{padding:6px 12px;border-top:1px solid var(--border);font-size:12px;font-weight:700;color:var(--bhagwa);text-decoration:none;display:block}

/* Trending (numbered) */
.das-trend-item{
  display:flex;align-items:flex-start;gap:8px;
  padding:8px 0;border-bottom:1px solid var(--border);
}
.das-trend-item:last-child{border-bottom:none}
.das-trend-num{
  width:20px;height:20px;background:var(--bhagwa);color:#fff;
  border-radius:3px;font-size:11px;font-weight:800;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;
}
.das-trend-title{font-size:12.5px;font-weight:600;line-height:1.4;color:var(--text)}
.das-trend-title a{color:inherit}
.das-trend-title a:hover{color:var(--bhagwa)}

/* Video thumb in sidebar */
.das-vid-wid{display:flex;flex-direction:column;gap:6px;padding:8px 12px}
.das-vid-thumb-item{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}
.das-vid-thumb-item:last-child{border-bottom:none}
.das-vt-fig{width:80px;height:56px;border-radius:3px;overflow:hidden;position:relative;flex-shrink:0}
.das-vt-fig img{width:100%;height:100%;object-fit:cover}
.das-vt-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}
.das-vt-play::after{content:'';width:22px;height:22px;border-radius:50%;background:rgba(226,33,28,.9)}
.das-vt-title{font-size:12px;font-weight:600;color:var(--text);line-height:1.38}
.das-vt-title a{color:inherit}
.das-vt-title a:hover{color:var(--red)}

/* Ad placeholder */
.das-ad-box{
  text-align:center;background:var(--light-gray);
  border:1px dashed var(--border);border-radius:3px;
  padding:16px;color:var(--muted);font-size:11.5px;
  min-height:80px;display:flex;align-items:center;justify-content:center;
}

/* ================================================================
   SEARCH OVERLAY
   ================================================================ */
.das-search-wrap{
  position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.88);backdrop-filter:blur(3px);
  display:none;flex-direction:column;
  align-items:center;padding-top:70px;
}
.das-search-wrap.open{display:flex}
.das-search-box{
  width:100%;max-width:640px;margin:0 12px;
  background:var(--card-bg);border-radius:6px;overflow:hidden;
}
.das-search-top{
  display:flex;align-items:center;
  border-bottom:2px solid var(--bhagwa);padding:0 14px;
}
.das-search-inp{
  flex:1;padding:14px 0;font-size:16px;
  border:none;outline:none;background:transparent;
  color:var(--text);font-family:var(--font);
}
.das-search-inp::placeholder{color:var(--muted)}
.das-search-close{
  width:32px;height:32px;background:none;border:none;
  color:var(--muted);font-size:20px;display:flex;align-items:center;justify-content:center;
}
.das-search-results{max-height:360px;overflow-y:auto}
.das-sr-item{
  display:flex;gap:10px;padding:9px 14px;
  border-bottom:1px solid var(--border);
  text-decoration:none;color:inherit;transition:background var(--t);
}
.das-sr-item:hover{background:var(--bhagwa-lt)}
.das-sr-thumb{width:52px;height:40px;object-fit:cover;border-radius:3px;flex-shrink:0}
.das-sr-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}
.das-sr-meta{font-size:11px;color:var(--muted);margin-top:2px}

/* ================================================================
   ARTICLE PAGE
   ================================================================ */
.das-article-wrap{background:var(--card-bg);border-radius:var(--r);box-shadow:var(--sh)}
.das-art-head{padding:12px 14px 0}
.das-art-title{font-size:20px;font-weight:800;line-height:1.35;color:var(--text);margin:8px 0 10px}

/* Article meta */
.das-art-meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:8px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.das-art-author{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700}
.das-art-author img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.das-art-date{font-size:11.5px;color:var(--muted)}
.das-art-rt{font-size:11.5px;color:var(--muted)}
.das-art-controls{display:flex;gap:4px;margin-left:auto}
.das-ctrl-btn{
  width:26px;height:26px;background:var(--light-gray);border:1px solid var(--border);
  border-radius:3px;font-size:11.5px;font-weight:700;color:var(--text);
  display:flex;align-items:center;justify-content:center;transition:all var(--t);
}
.das-ctrl-btn:hover{background:var(--bhagwa);color:#fff;border-color:var(--bhagwa)}

/* Share row (DB: FB, X, link icons in a row) */
.das-share-row{
  display:flex;align-items:center;gap:8px;
  padding:8px 14px;border-bottom:1px solid var(--border);
}
.das-share-ico{
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;color:#fff;text-decoration:none;
  transition:transform var(--t);flex-shrink:0;
}
.das-share-ico:hover{transform:scale(1.1)}
.si-fb{background:#1877f2}.si-tw{background:#000}.si-wa{background:#25d366}.si-tg{background:#0088cc}.si-cp{background:var(--muted)}
.das-share-count{font-size:11px;color:var(--muted);margin-left:auto}

/* Summary (yellow) + Key Points (blue) */
.das-summary{
  background:#fffbe6;border-left:4px solid #f5a623;
  padding:10px 14px;margin:10px 14px;border-radius:0 3px 3px 0;
}
.das-sum-lbl{font-size:10.5px;font-weight:800;color:#c68a00;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.das-sum-text{font-size:13.5px;color:#555;line-height:1.6}

.das-keypoints{
  background:#eef6ff;border-left:4px solid var(--blue);
  padding:10px 14px;margin:10px 14px;border-radius:0 3px 3px 0;
}
.das-kp-lbl{font-size:10.5px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.das-keypoints ol,.das-keypoints ul{padding-left:16px}
.das-keypoints li{font-size:13.5px;color:#333;line-height:1.6;margin-bottom:4px}

/* Article content */
.das-art-content{padding:12px 14px;font-size:15px;color:var(--text);line-height:1.75}
.das-art-content p{margin-bottom:14px}
.das-art-content h2{font-size:17px;font-weight:800;margin:18px 0 8px;border-left:4px solid var(--bhagwa);padding-left:10px}
.das-art-content h3{font-size:15px;font-weight:700;margin:14px 0 6px}
.das-art-content img{border-radius:3px;margin:10px 0;max-width:100%}
.das-art-content blockquote{border-left:4px solid var(--bhagwa);padding:8px 14px;background:var(--bhagwa-lt);margin:12px 0;border-radius:0 3px 3px 0}
.das-art-content ul,.das-art-content ol{padding-left:18px;margin-bottom:12px}
.das-art-content li{margin-bottom:4px}

/* Also read */
.das-also-read{
  display:flex;align-items:flex-start;gap:8px;
  background:var(--light-gray);border:1px solid var(--border);
  border-left:4px solid var(--bhagwa);padding:9px 12px;
  margin:14px 0;border-radius:0 3px 3px 0;
}
.das-ar-lbl{
  font-size:10px;font-weight:800;background:var(--bhagwa);color:#fff;
  padding:2px 6px;border-radius:2px;white-space:nowrap;flex-shrink:0;margin-top:2px;
}
.das-ar-ttl{font-size:13.5px;font-weight:700;line-height:1.4}
.das-ar-ttl a{color:var(--text)}.das-ar-ttl a:hover{color:var(--bhagwa)}

/* Author box */
.das-author-box{
  display:flex;gap:12px;
  background:var(--light-gray);border-radius:var(--r);
  padding:12px 14px;margin:12px 14px;
}
.das-ab-ava{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--bhagwa)}
.das-ab-ava img{width:100%;height:100%;object-fit:cover}
.das-ab-name{font-size:14px;font-weight:800;color:var(--text);display:block;text-decoration:none}
.das-ab-name:hover{color:var(--bhagwa)}
.das-ab-cnt{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}
.das-ab-bio{font-size:12px;color:var(--muted);line-height:1.5}

/* Next article */
.das-next-art{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;background:var(--bhagwa-lt);
  border-top:2px solid var(--bhagwa);
  text-decoration:none;color:inherit;transition:background var(--t);
}
.das-next-art:hover{background:#ffe5cc}
.das-na-lbl{font-size:10px;font-weight:800;color:var(--bhagwa);text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:2px}
.das-na-title{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.38}
.das-na-thumb{width:72px;height:52px;object-fit:cover;border-radius:3px;flex-shrink:0}
.das-na-arrow{font-size:22px;color:var(--bhagwa);margin-left:auto;flex-shrink:0}

/* Related grid */
.das-rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px}
@media(max-width:480px){.das-rel-grid{grid-template-columns:1fr}}
.das-rel-card{border-radius:3px;overflow:hidden;border:1px solid var(--border)}
.das-rel-fig{display:block;aspect-ratio:16/9;overflow:hidden}
.das-rel-fig img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.das-rel-card:hover .das-rel-fig img{transform:scale(1.05)}
.das-rel-body{padding:7px 9px}
.das-rel-title{font-size:12px;font-weight:700;color:var(--text);line-height:1.38}
.das-rel-title a{color:inherit}.das-rel-title a:hover{color:var(--bhagwa)}

/* ================================================================
   TAGS
   ================================================================ */
.das-tags{display:flex;flex-wrap:wrap;gap:5px;padding:8px 14px}
.das-tag{
  font-size:11px;font-weight:600;padding:3px 9px;
  background:var(--light-gray);border:1px solid var(--border);
  border-radius:3px;color:var(--muted);text-decoration:none;
  transition:all var(--t);
}
.das-tag:hover{background:var(--bhagwa);color:#fff;border-color:var(--bhagwa)}

/* ================================================================
   TRENDING TOPICS SECTION (footer of feed — DB exact grid)
   ================================================================ */
.das-topic-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:4px;padding:8px 12px;
}
.das-topic-item{
  font-size:12px;color:var(--text);padding:4px 0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-decoration:none;
}
.das-topic-item:hover{color:var(--bhagwa)}

/* Local News grid */
.das-local-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:5px;padding:8px 12px;
}
.das-local-item{font-size:12px;font-weight:600;color:var(--blue);text-decoration:none}
.das-local-item:hover{color:var(--bhagwa)}

/* ================================================================
   FOOTER — DB exact
   ================================================================ */
.site-footer{
  background:var(--dark) !important;
  border-top:3px solid var(--bhagwa);
  margin-top:12px;
}
.das-footer-inner{max-width:1280px;margin:0 auto;padding:16px 12px 60px}

.das-ft-group{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  gap:5px 12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);
  margin-bottom:10px;
}
.das-ft-group-lbl{
  font-size:10px;font-weight:800;color:rgba(255,255,255,.25);
  text-transform:uppercase;letter-spacing:.5px;
  grid-column:1/-1;margin-bottom:4px;
}
.das-ft-link{font-size:12px;color:rgba(255,255,255,.4);text-decoration:none;padding:3px 0;display:block}
.das-ft-link:hover{color:rgba(255,165,60,.85)}

.das-ft-bottom{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:8px;
  padding-top:10px;border-top:1px solid rgba(255,255,255,.07);
}
.das-ft-copy{font-size:11px;color:rgba(255,255,255,.25)}
.das-ft-legal{display:flex;flex-wrap:wrap;gap:5px 12px}
.das-ft-legal a{font-size:11px;color:rgba(255,255,255,.3);text-decoration:none}
.das-ft-legal a:hover{color:rgba(255,165,60,.6)}

.das-ft-social{display:flex;gap:8px;margin-bottom:12px}
.das-ft-sico{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;text-decoration:none}

/* ================================================================
   MOBILE BOTTOM NAV — DB exact (3 items: पढ़ें, देखें, प्रोफाइल)
   ================================================================ */
.das-mobnav{
  display:none;position:fixed;bottom:0;left:0;right:0;
  height:52px;background:var(--header-bg);
  border-top:1px solid rgba(255,102,0,.3);
  z-index:9900;
}
@media(max-width:899px){.das-mobnav{display:flex}}
.das-mbn{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;
  text-decoration:none;color:rgba(255,255,255,.45);
  font-size:9px;font-weight:700;text-transform:uppercase;
  letter-spacing:.3px;transition:color var(--t);border:none;background:none;
  font-family:var(--font);
}
.das-mbn .ico{font-size:20px}
.das-mbn.active,.das-mbn:hover{color:var(--bhagwa)}
@media(max-width:899px){body{padding-bottom:52px!important}.site-footer{padding-bottom:52px!important}}

/* ================================================================
   SCROLL TO TOP
   ================================================================ */
.das-stt{
  position:fixed;bottom:62px;right:12px;z-index:500;
  width:38px;height:38px;
  background:linear-gradient(135deg,var(--bhagwa),var(--red));
  color:#fff;border:none;border-radius:50%;
  font-size:18px;display:none;align-items:center;justify-content:center;
  box-shadow:0 3px 12px rgba(255,102,0,.4);transition:all var(--t);
}
.das-stt:hover{transform:scale(1.1)translateY(-2px)}
.das-stt.show{display:flex}

/* ================================================================
   BREADCRUMB
   ================================================================ */
.das-bc{
  background:var(--card-bg);border-bottom:1px solid var(--border);
  padding:6px 12px;font-size:12px;
}
.das-bc a{color:var(--bhagwa);text-decoration:none}
.das-bc a:hover{text-decoration:underline}
.das-bc .sep{color:var(--muted);margin:0 4px}
.das-bc .curr{color:var(--muted)}

/* ================================================================
   ARCHIVE BANNER
   ================================================================ */
.das-arch-banner{
  background:linear-gradient(135deg,var(--bhagwa),var(--bhagwa-dk));
  border-radius:var(--r);padding:14px 16px;margin-bottom:6px;
  display:flex;align-items:center;gap:10px;
}
.das-arch-ico{font-size:26px}
.das-arch-ttl{font-size:18px;font-weight:800;color:#fff}
.das-arch-desc{font-size:12.5px;color:rgba(255,255,255,.7);margin-top:3px}

/* ================================================================
   PRINT STYLES
   ================================================================ */
@media print{
  .das-header,.das-mobnav,.das-right-sidebar,.das-left-sidebar,
  .das-trending-bar,.das-stt,.das-share-row,
  #das-progress,.site-footer{display:none!important}
  .das-layout-grid{display:block!important}
  .das-article-wrap{box-shadow:none!important}
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:600px){
  .das-hero-title{font-size:16px}
  .das-art-title{font-size:18px}
  .das-card-title{font-size:14px}
  .das-card-thumb{width:95px;height:68px}
  .das-rel-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:400px){
  .das-card-thumb{width:82px;height:60px}
  .das-card-title{font-size:13.5px}
}