/*
Theme Name: Newspaper Child
Template: Newspaper
Version: 1.0
*/

/* ================================================================
   ARYA SAMAJ — Complete Fix v3
   1. Hero content fix
   2. Premium color combination
   3. Mobile menu fix
   Pehle SAARA purana CSS DELETE karo Additional CSS se
   Phir SIRF yeh paste karo
   ================================================================ */

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

/* ══════════════════════════════════════
   DESIGN TOKENS — Premium Saffron+Ivory
══════════════════════════════════════ */
:root {
  --s:    #C8440A;   /* saffron dark */
  --sl:   #E05A18;   /* saffron light */
  --g:    #B8812A;   /* gold */
  --gl:   #D4A44C;   /* gold light */
  --navy: #12205A;   /* deep navy */
  --bg:   #FAF6EF;   /* warm ivory */
  --bg2:  #F0E9DC;   /* ivory darker */
  --tx:   #1C1008;   /* near black */
  --txm:  #4A3520;   /* mid brown */
  --txl:  #8A7060;   /* muted */
  --card: #FFFFFF;
  --br:   rgba(184,129,42,.15);
}

/* ══════════════════════════════════════
   GLOBAL
══════════════════════════════════════ */
body {
  background: var(--bg) !important;
  font-family: 'Poppins', sans-serif !important;
  color: var(--tx) !important;
}

/* ══════════════════════════════════════
   HEADER — Desktop
══════════════════════════════════════ */
.td-header-wrap,
.td-header-template-wrap,
.td-header-style-1 .td-header-sp-top-wrap {
  background: #fff !important;
  border-bottom: 3px solid var(--s) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
}

/* Logo */
.td-header-style-1 .td-header-sp-logo {
  min-width: 130px !important;
  width: 130px !important;
  padding: 8px 16px 8px 0 !important;
  display: flex !important;
  align-items: center !important;
}
.td-header-style-1 .td-header-sp-logo img,
.td-main-logo img {
  height: 52px !important;
  width: auto !important;
  max-width: 110px !important;
  object-fit: contain !important;
}

/* Nav links */
.td-header-style-1 #td-header-menu .sf-menu > li > a {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-family: 'Poppins', sans-serif !important;
  color: var(--txm) !important;
  padding: 18px 9px !important;
  white-space: nowrap !important;
  letter-spacing: .01em !important;
}
.td-header-style-1 #td-header-menu .sf-menu > li > a:hover,
.td-header-style-1 #td-header-menu .sf-menu > li.current-menu-item > a,
.td-header-style-1 #td-header-menu .sf-menu > li.current-menu-ancestor > a {
  color: var(--s) !important;
}

/* Nav dropdown */
.td-header-style-1 .sf-menu ul,
#td-header-menu .sf-menu ul {
  background: #fff !important;
  border-top: 2px solid var(--s) !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important;
}
#td-header-menu .sf-menu ul li a {
  font-size: 12px !important;
  color: var(--txm) !important;
  padding: 9px 18px !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
}
#td-header-menu .sf-menu ul li a:hover { color: var(--s) !important; background: var(--bg) !important; }

/* Top bar */
.td-header-sp-top-bar-full,
.td-top-bar-wrap { background: var(--navy) !important; }
.td-top-bar-menu li a,
.td-header-top-bar a { color: rgba(255,255,255,.75) !important; font-size: 11.5px !important; }

/* ══════════════════════════════════════
   MOBILE MENU FIX
══════════════════════════════════════ */
@media (max-width: 1023px) {

  /* Burger icon — make visible */
  .td-header-style-1 .td-menu-btn,
  .td-menu-btn,
  .td-icon-menu {
    color: var(--s) !important;
    border-color: var(--s) !important;
  }
  .td-menu-btn span,
  .td-menu-btn span::before,
  .td-menu-btn span::after,
  .td-icon-menu::before {
    background: var(--s) !important;
    color: var(--s) !important;
  }

  /* Mobile menu panel */
  #td-mobile-nav,
  .td-mobile-content,
  .td-affix-mobile-content {
    background: #fff !important;
    border-top: 3px solid var(--s) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
  }
  .td-mobile-content .sf-menu li a,
  #td-mobile-nav li a,
  .td-mobile-content li a {
    color: var(--txm) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid var(--br) !important;
    padding: 12px 16px !important;
    background: transparent !important;
  }
  .td-mobile-content li a:hover,
  #td-mobile-nav li a:hover { color: var(--s) !important; background: var(--bg) !important; }

  /* Mobile header background — white nahi dikhna chahiye */
  .td-header-wrap {
    background: #fff !important;
  }
}

/* ══════════════════════════════════════
   TICKER
══════════════════════════════════════ */
.td-breaking-news-wrap,
.breaking-news-wrap {
  background: var(--s) !important;
  border-bottom: 2px solid var(--g) !important;
}
.td-breaking-news-wrap .td-breaking-news-title,
.breaking-news-wrap .breaking-news-title {
  background: var(--navy) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  padding: 0 18px !important;
}
.td-breaking-news-wrap .td-breaking-news-content a,
.breaking-news-wrap a {
  color: #fff !important;
  font-size: 13px !important;
  font-family: 'Noto Serif Devanagari', serif !important;
}

/* ══════════════════════════════════════
   HERO — Fix post content showing raw
══════════════════════════════════════ */

/* Newspaper theme ka default hero/featured block */
.td-home-first-wrap {
  background: var(--bg) !important;
  padding: 0 !important;
}

/* Hero featured post — full overlay card */
.td_module_mx4 .td-module-container,
.td-home-first-wrap .td_module_mx4 .td-module-container {
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  min-height: 460px !important;
  box-shadow: none !important;
  border: none !important;
}

/* Hide raw post content text in hero */
.td_module_mx4 .td-post-content,
.td_module_mx4 .entry-content,
.td-home-first-wrap .entry-content,
.td-home-first-wrap .td-post-content {
  display: none !important;
}

/* Hero image full cover */
.td_module_mx4 .td-module-thumb,
.td-home-first-wrap .td_module_mx4 .td-module-thumb {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
}
.td_module_mx4 .td-module-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Dark gradient overlay on hero */
.td_module_mx4 .td-module-container::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(10,4,0,.92) 0%, rgba(10,4,0,.35) 50%, rgba(10,4,0,.1) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Hero meta info on top of overlay */
.td_module_mx4 .td-module-meta-info {
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 2 !important;
  padding: 32px 36px !important;
  background: transparent !important;
}

/* Hero category tag */
.td_module_mx4 .td-post-category {
  background: var(--s) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  padding: 4px 14px !important;
  border-radius: 30px !important;
  display: inline-block !important;
  margin-bottom: 12px !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Hero title */
.td_module_mx4 .td-module-title a,
.td-home-first-wrap .td_module_mx4 .entry-title a {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.35 !important;
  text-shadow: 0 2px 20px rgba(0,0,0,.5) !important;
  transition: color .2s !important;
}
.td_module_mx4 .td-module-title a:hover { color: var(--gl) !important; }

/* Hero date */
.td_module_mx4 .td-post-date,
.td_module_mx4 .entry-date {
  color: rgba(255,255,255,.55) !important;
  font-size: 12px !important;
}

/* ══════════════════════════════════════
   SECTION BLOCK TITLES
══════════════════════════════════════ */
.td-block-title,
.widget-title {
  border-top: 3px solid var(--s) !important;
  border-bottom: 1px solid var(--br) !important;
  padding: 10px 0 9px !important;
  margin-bottom: 18px !important;
  background: transparent !important;
  position: relative !important;
}
.td-block-title > *,
.td-block-title a,
.widget-title span {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--tx) !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  background: transparent !important;
  padding: 0 !important;
}

/* ══════════════════════════════════════
   POST CARDS
══════════════════════════════════════ */
.td_module_flex .td-module-container,
.td-block-row .td-module-container {
  background: var(--card) !important;
  border-radius: 14px !important;
  border: 1px solid var(--br) !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.06) !important;
  overflow: hidden !important;
  transition: transform .25s, box-shadow .25s !important;
}
.td_module_flex .td-module-container:hover,
.td-block-row .td-module-container:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.12) !important;
}
.td_module_flex .td-module-thumb img { transition: transform .35s !important; }
.td_module_flex .td-module-container:hover .td-module-thumb img { transform: scale(1.05) !important; }

.td-post-category {
  background: var(--s) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  margin-bottom: 6px !important;
  font-family: 'Poppins', sans-serif !important;
}
.td-module-title a {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--tx) !important;
  line-height: 1.45 !important;
  transition: color .2s !important;
}
.td-module-title a:hover { color: var(--s) !important; }
.td-post-date, .td-post-author-name { color: var(--txl) !important; font-size: 11px !important; }

/* ══════════════════════════════════════
   SINGLE POST
══════════════════════════════════════ */
.td-post-template-default h1.entry-title {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: clamp(1.5rem, 3vw, 2.3rem) !important;
  font-weight: 700 !important;
  color: var(--tx) !important;
  line-height: 1.3 !important;
}
.td-post-content, .entry-content {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  color: var(--txm) !important;
}
.td-post-content p { margin-bottom: 1.3em !important; }
.td-post-content h2 {
  color: var(--tx) !important;
  border-left: 4px solid var(--s) !important;
  padding-left: 12px !important;
  margin: 2rem 0 .8rem !important;
}
.td-post-content blockquote {
  border-left: 4px solid var(--s) !important;
  background: #FFF8F3 !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 1rem 1.2rem !important;
  margin: 1.5rem 0 !important;
  color: var(--txm) !important;
}
.td-post-content a { color: var(--s) !important; }

/* ══════════════════════════════════════
   SIDEBAR
══════════════════════════════════════ */
.td-aside .td-module-container {
  background: var(--card) !important;
  border-radius: 10px !important;
  border: 1px solid var(--br) !important;
  padding: 8px !important;
  margin-bottom: 8px !important;
  transition: box-shadow .2s !important;
}
.td-aside .td-module-container:hover { box-shadow: 0 6px 20px rgba(0,0,0,.09) !important; }

/* ══════════════════════════════════════
   TAGS & PAGINATION
══════════════════════════════════════ */
.post-tag a, .td-tags li a {
  background: var(--bg2) !important;
  border: 1px solid var(--br) !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
  color: var(--txm) !important;
  margin: 3px !important;
  transition: all .2s !important;
}
.post-tag a:hover, .td-tags li a:hover { background: var(--s) !important; color: #fff !important; border-color: var(--s) !important; }

.page-nav .current { background: var(--s) !important; color: #fff !important; border-radius: 8px !important; border: none !important; }
.page-nav a { border-radius: 8px !important; border: 1px solid var(--br) !important; color: var(--txm) !important; transition: all .2s !important; }
.page-nav a:hover { background: var(--s) !important; color: #fff !important; }

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
.td-footer-wrapper {
  background: #110900 !important;
  border-top: 3px solid var(--s) !important;
}
.td-footer-wrapper .widget-title span { color: #fff !important; border-color: var(--s) !important; }
.td-footer-wrapper p,
.td-footer-wrapper a,
.td-footer-wrapper li { color: rgba(255,255,255,.6) !important; font-size: 13px !important; }
.td-footer-wrapper a:hover { color: var(--gl) !important; }
.td-sub-footer-container { background: #080400 !important; }
.td-sub-footer-container .td-footer-info { color: rgba(255,255,255,.3) !important; font-size: 11px !important; }

/* AdSense */
ins.adsbygoogle { display:block !important; margin: 1.5rem auto !important; border-radius: 8px !important; overflow: hidden !important; }

/* ══════════════════════════════════════
   MOBILE RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 767px) {
  .td_module_mx4 .td-module-meta-info { padding: 20px 18px !important; }
  .td_module_mx4 .td-module-container { min-height: 300px !important; }
  .td-post-content { font-size: 15px !important; line-height: 1.8 !important; }
}
/* Mobile menu — arrow + cross icons fix */
.td-menu-btn .td-icon-menu,
.td-mobile-content .td-icon-menu,
.td-menu-btn span,
.td-menu-btn i,
.td-header-style-1 .td-menu-btn {
  color: var(--s) !important;
  fill: var(--s) !important;
}

/* Hamburger 3 lines */
.td-menu-btn .td-icon-menu::before,
.td-icon-menu {
  color: var(--s) !important;
}

/* Close (X) button */
.td-mobile-content .td-close-panel,
.td-mobile-content .td-icon-close,
.td-mobile-content button.close,
#td-mobile-nav .close-button,
.td-affix-mobile-content .td-icon-close {
  color: var(--s) !important;
  background: transparent !important;
}

/* Submenu arrow icons (+ dropdown toggles) */
.td-mobile-content .td-icon-menu-right,
.td-mobile-content .sf-with-ul::after,
#td-mobile-nav .sf-with-ul::after,
.td-mobile-content li > a .td-icon-menu-down,
.td-mobile-content .submenu-button {
  color: var(--s) !important;
  border-color: var(--s) !important;
}

/* All SVG icons inside mobile nav */
.td-mobile-content svg path,
#td-mobile-nav svg path {
  fill: var(--s) !important;
}
/* Cross button — force dark color + visible */
.td-icon-close-mobile {
  color: #C8440A !important;
  background: #fff !important;
  border: 2px solid #C8440A !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.td-icon-close-mobile::before {
  content: '✕' !important;
  color: #C8440A !important;
  font-size: 16px !important;
  font-family: Arial, sans-serif !important;
  display: block !important;
}

/* ── Newspaper theme default content area completely hide ── */
body.home .td-main-content-wrap .td-container,
body.home .td-main-content-wrap .td-pb-row,
body.home .td-main-content-wrap .td-page-wrap,
body.home .td-main-content-wrap .td-pb-span8,
body.home .td-main-content-wrap .td-pb-span4,
body.home .td-main-content-wrap .tdb-page-wrap,
body.home .td-main-content-wrap > .td-container > *,
body.home .td-content-wrap,
body.home .tdb_loop,
body.home .td-page-content,
body.home .td-ss-main-content,
body.home article,
body.home .post {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.home .td-main-content-wrap {
  padding: 0 !important;
  margin: 0 !important;
}

/* Sirf #ah dikhao */
body.home #ah {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}

/* Logo overlap permanent fix */
.td-header-style-1 .td-header-sp-logo,
.td-main-menu-logo .td-header-logo-wrap {
  position: relative !important;
  z-index: 10 !important;
  width: 120px !important;
  min-width: 120px !important;
  flex-shrink: 0 !important;
  margin-right: 15px !important;
}

.td-header-style-1 .td-header-sp-logo img,
.td-main-menu-logo .td-header-logo-wrap img {
  height: 55px !important;
  width: auto !important;
  max-width: 110px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Nav bar — logo ke baad shuru ho */
.td-header-style-1 .td-main-menu-logo,
.td-main-menu-logo #td-header-menu {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

/* "होम" ko logo se alag rakho */
.td-header-style-1 #td-header-menu .sf-menu > li:first-child > a {
  padding-left: 12px !important;
}

/* Font size chhota — sab ek line mein fit ho */
.td-header-style-1 #td-header-menu .sf-menu > li > a {
  font-size: 12px !important;
  padding: 18px 8px !important;
  white-space: nowrap !important;
}
.td-header-sp-logo,
.td-header-style-1 .td-header-sp-logo {
  flex: 0 0 130px !important;
}