/*
Theme Name: Arya Samaj Premium Child
Theme URI: https://aryasamaj.site
Description: Premium Child Theme - AdSense Optimized, Vedic Luxury Design
Author: Arya Samaj
Template: Newspaper
Version: 2.0
*/

/* ═══════════════════════════════════════════════════════
   GOOGLE FONTS — Paste in functions.php wp_head hook
   ═══════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Noto+Serif+Devanagari:wght@300;400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&display=swap');

/* ═══════════════════════════════════════════════════════
   CSS VARIABLES — Design Tokens
   ═══════════════════════════════════════════════════════ */
:root {
  --saffron:      #D4580A;
  --saffron-deep: #B8420A;
  --gold:         #C9943A;
  --gold-light:   #E8C87A;
  --ivory:        #FAF5EA;
  --cream:        #F2E8D5;
  --dark:         #1A0F02;
  --text-main:    #2C1810;
  --text-mid:     #5C3D2E;
  --text-light:   #8B6E5A;
  --border:       rgba(201,148,58,0.22);
  --shadow-sm:    0 2px 12px rgba(180,100,20,0.10);
  --shadow-md:    0 8px 32px rgba(180,100,20,0.14);
  --shadow-lg:    0 20px 60px rgba(180,100,20,0.18);
  --radius-sm:    8px;
  --radius-md:    14px;
  --radius-lg:    20px;
}

/* ═══════════════════════════════════════════════════════
   GLOBAL RESET & BASE
   ═══════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Noto Serif Devanagari', Georgia, serif !important;
  background: var(--ivory) !important;
  color: var(--text-main) !important;
}

/* Subtle paper texture */
body::after {
  content: '';
  position: fixed; inset: 0; pointer-events: none; z-index: 9999;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  opacity: 0.35;
}

a { color: var(--saffron); }
a:hover { color: var(--saffron-deep); }

img { border-radius: var(--radius-sm); }

/* ═══════════════════════════════════════════════════════
   TOP ANNOUNCEMENT BAR
   (Add via Newspaper > Theme Options > Header > Top bar)
   ═══════════════════════════════════════════════════════ */
#td-top-bar, .td-top-bar, .top-bar {
  background: var(--dark) !important;
  color: var(--gold-light) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.1em !important;
  border-bottom: 1px solid rgba(201,148,58,0.3) !important;
  padding: 6px 0 !important;
}
#td-top-bar a, .td-top-bar a { color: var(--gold-light) !important; }
#td-top-bar a:hover { color: var(--saffron) !important; }

/* ═══════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════ */
#td-header-wrap, .td-header-wrap,
header#td-outer-wrap,
.td_block_wrap.td-header-style-1,
.td-header-style-4,
.td-header-wrap {
  background: rgba(250,245,234,0.97) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}

/* Logo Area */
.td-header-logo-wrap,
.td-header-logo-wrap .td-header-logo img,
.header-logo {
  padding: 12px 0 !important;
}

/* Site Title if text logo */
.td-header-logo-wrap .td-site-name,
.site-title, h1.site-title {
  font-family: 'Noto Serif Devanagari', serif !important;
  color: var(--dark) !important;
  font-weight: 700 !important;
}

/* Navigation */
.td-main-menu-wrap,
#td-header-menu,
.td-header-menu-wrap-full,
.td-header-menu {
  background: transparent !important;
}

.td-main-menu-wrap .menu > li > a,
.sf-menu > li > a,
nav.td-main-menu a {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 0.88rem !important;
  color: var(--text-mid) !important;
  font-weight: 500 !important;
  padding: 14px 16px !important;
  letter-spacing: 0.02em !important;
  transition: color 0.2s !important;
  background: transparent !important;
}

.td-main-menu-wrap .menu > li > a:hover,
.sf-menu > li > a:hover,
nav.td-main-menu a:hover,
.td-main-menu-wrap .menu > li.current-menu-item > a {
  color: var(--saffron) !important;
  background: rgba(212,88,10,0.06) !important;
  border-radius: 6px !important;
}

/* Dropdown Menus */
.sf-menu .sub-menu,
.td-main-menu-wrap .menu .sub-menu {
  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-md) !important;
  padding: 8px !important;
}

.sf-menu .sub-menu a,
.td-main-menu-wrap .menu .sub-menu a {
  border-radius: 8px !important;
  padding: 9px 14px !important;
}

/* ═══════════════════════════════════════════════════════
   ADSENSE — ABOVE HEADER (728x90 / Responsive)
   Place in Newspaper > Theme Options > Header > Google Ad
   ═══════════════════════════════════════════════════════ */
.td-header-top-ad,
.header-ad-wrap {
  text-align: center;
  padding: 10px 0;
  background: var(--cream);
  border-bottom: 1px solid var(--border);
}

/* ═══════════════════════════════════════════════════════
   BREAKING NEWS / TICKER
   ═══════════════════════════════════════════════════════ */
.td-breaking-news-wrap,
.breaking-news-wrap,
#td-breaking-news {
  background: var(--saffron) !important;
  border-radius: 0 !important;
  border: none !important;
}
.td-breaking-news-wrap .td-breaking-news-title,
.breaking-news-title {
  background: var(--dark) !important;
  color: var(--gold-light) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 0 16px !important;
}
.td-breaking-news-wrap a,
.breaking-news-wrap a {
  color: #fff !important;
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 0.9rem !important;
}

/* ═══════════════════════════════════════════════════════
   MAIN CONTENT WRAPPER
   ═══════════════════════════════════════════════════════ */
.td-main-content-wrap,
#td-outer-wrap,
.td-container {
  background: var(--ivory) !important;
}

/* ═══════════════════════════════════════════════════════
   ARTICLE / POST CARDS (Homepage & Archive)
   ═══════════════════════════════════════════════════════ */
.td-module-thumb,
.td_module_wrap,
.td-block-span4,
.td-block-span6,
.td-block-span12 {
  border-radius: var(--radius-md) !important;
}

/* Post card container */
.td-module-container,
.td-module-wrap .td-module-container {
  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.td-module-container:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--shadow-md) !important;
}

/* Category label on cards */
.td-post-category,
.entry-category,
.td-category {
  background: var(--saffron) !important;
  color: #fff !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 100px !important;
}

/* Post title on cards */
.entry-title a,
.td-module-title a,
h3.entry-title a {
  font-family: 'Noto Serif Devanagari', serif !important;
  color: var(--dark) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.entry-title a:hover,
.td-module-title a:hover {
  color: var(--saffron) !important;
}

/* Post meta */
.td-post-date,
.entry-date,
.td-module-meta-info {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  color: var(--text-light) !important;
  font-size: 0.8rem !important;
}

/* ═══════════════════════════════════════════════════════
   SIDEBAR
   ═══════════════════════════════════════════════════════ */
.td-pb-span4.td-main-sidebar .widgettitle,
.td-pb-span3.td-main-sidebar .widgettitle,
aside.widget .widgettitle,
.widget-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--saffron) !important;
  border-bottom: 2px solid var(--border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
}

/* Sidebar AdSense box styling */
.td-a-ad,
.td_ad_box,
.sidebar-ad-unit,
.widget_text .textwidget ins {
  display: block !important;
  text-align: center !important;
  background: var(--cream) !important;
  border: 1px dashed var(--border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px !important;
  margin-bottom: 24px !important;
}

/* ═══════════════════════════════════════════════════════
   SINGLE POST PAGE — PREMIUM ARTICLE LAYOUT
   ═══════════════════════════════════════════════════════ */

/* Post Header */
.td-post-header,
.post-header,
header.entry-header {
  background: linear-gradient(160deg, var(--dark) 0%, #2E1505 60%, #1A0F02 100%) !important;
  padding: 60px 0 !important;
  margin-bottom: 0 !important;
  position: relative;
  overflow: hidden;
}

.td-post-header::before,
header.entry-header::before {
  content: '✦  ॐ  ✦';
  position: absolute;
  top: 20px; right: 40px;
  font-family: 'Playfair Display', serif;
  font-size: 1.2rem;
  color: rgba(201,148,58,0.25);
  letter-spacing: 0.4em;
}

/* Post Title */
h1.entry-title,
.td-post-header h1,
.single-post h1 {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.25 !important;
  margin-bottom: 20px !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}

/* Post Category on single */
.td-post-header .td-tags-and-cats a,
header.entry-header .cat-links a,
.single-cat-link a {
  display: inline-block !important;
  background: rgba(212,88,10,0.15) !important;
  border: 1px solid rgba(212,88,10,0.35) !important;
  color: var(--gold-light) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  border-radius: 100px !important;
  font-family: 'Cormorant Garamond', serif !important;
  text-decoration: none !important;
  margin-bottom: 16px !important;
}

/* Post Meta on single */
.td-post-header .td-post-author-name,
.td-post-header .td-post-date,
header.entry-header .entry-meta,
.byline, .posted-on {
  color: rgba(255,255,255,0.55) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.9rem !important;
}

/* Featured Image on single */
.td-post-featured-image,
.post-featured-image,
.single-post .wp-post-image {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lg) !important;
  margin: -30px auto 0 !important;
  display: block !important;
  max-width: 900px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ─── ARTICLE BODY ─── */
.td-post-content,
.entry-content,
.post-content {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 1.05rem !important;
  line-height: 1.9 !important;
  color: var(--text-main) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}

.td-post-content p,
.entry-content p {
  margin-bottom: 1.6em !important;
  font-size: 1.05rem !important;
  line-height: 1.9 !important;
}

/* Drop cap first letter */
.td-post-content > p:first-of-type::first-letter,
.entry-content > p:first-of-type::first-letter {
  font-family: 'Playfair Display', serif !important;
  font-size: 4.2rem !important;
  font-weight: 900 !important;
  color: var(--saffron) !important;
  float: left !important;
  line-height: 0.8 !important;
  margin: 8px 10px 0 0 !important;
  padding: 4px !important;
}

/* Headings inside article */
.td-post-content h2,
.entry-content h2 {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: var(--dark) !important;
  margin: 2.5em 0 0.8em !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid var(--border) !important;
  line-height: 1.3 !important;
}

.td-post-content h3,
.entry-content h3 {
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--saffron-deep) !important;
  margin: 2em 0 0.6em !important;
}

/* Blockquote — Vedic style */
.td-post-content blockquote,
.entry-content blockquote {
  background: linear-gradient(135deg, rgba(212,88,10,0.06), rgba(201,148,58,0.04)) !important;
  border-left: 4px solid var(--saffron) !important;
  border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
  padding: 24px 28px !important;
  margin: 2em 0 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.2rem !important;
  font-style: italic !important;
  color: var(--text-mid) !important;
  line-height: 1.8 !important;
  position: relative !important;
}

.td-post-content blockquote::before,
.entry-content blockquote::before {
  content: '❝' !important;
  position: absolute !important;
  top: 12px !important; left: 16px !important;
  font-size: 2rem !important;
  color: var(--saffron) !important;
  opacity: 0.4 !important;
  font-style: normal !important;
}

/* ─── IN-CONTENT ADSENSE (Auto or Manual) ─── */
/* Place .td-a-ad or .adsense-inline divs between paragraphs */
.td-a-ad,
.td_ad_box,
.adsense-inline,
.wp-block-group.adsense-block {
  text-align: center !important;
  margin: 32px auto !important;
  padding: 12px !important;
  background: var(--cream) !important;
  border-radius: var(--radius-md) !important;
  border: 1px dashed var(--border) !important;
  max-width: 760px !important;
  clear: both !important;
}

/* Ad label (optional) */
.td-a-ad::before,
.adsense-inline::before {
  content: 'विज्ञापन';
  display: block;
  font-family: 'Cormorant Garamond', serif;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  color: var(--text-light);
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* ─── POST TAGS ─── */
.td-post-content .td-tags-and-cats,
.entry-footer .tags-links a,
.post-tags a {
  display: inline-block !important;
  background: rgba(201,148,58,0.08) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-mid) !important;
  padding: 5px 14px !important;
  border-radius: 100px !important;
  font-size: 0.8rem !important;
  text-decoration: none !important;
  margin: 4px !important;
  font-family: 'Cormorant Garamond', serif !important;
  transition: all 0.2s !important;
}
.entry-footer .tags-links a:hover,
.post-tags a:hover {
  background: var(--saffron) !important;
  color: #fff !important;
  border-color: var(--saffron) !important;
}

/* ─── AUTHOR BOX ─── */
.td-author-box,
.td-post-author-box,
.author-bio-wrap {
  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 28px !important;
  margin: 40px 0 !important;
  box-shadow: var(--shadow-sm) !important;
}

/* ─── RELATED POSTS ─── */
.td-related-title .td-related-title-tag,
.related-posts h3,
.td-related-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--saffron) !important;
}

/* ─── POST NAVIGATION ─── */
.td-post-next-prev-content,
.nav-links,
.post-navigation {
  border-top: 1px solid var(--border) !important;
  padding-top: 32px !important;
  margin-top: 40px !important;
}
.td-post-next-prev-content a,
.nav-links a {
  font-family: 'Noto Serif Devanagari', serif !important;
  color: var(--saffron) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ═══════════════════════════════════════════════════════
   COMMENTS SECTION
   ═══════════════════════════════════════════════════════ */
#comments, .comments-area {
  background: var(--cream) !important;
  border-radius: var(--radius-lg) !important;
  padding: 36px !important;
  margin-top: 40px !important;
  border: 1px solid var(--border) !important;
}

.comments-title,
#reply-title {
  font-family: 'Noto Serif Devanagari', serif !important;
  color: var(--dark) !important;
  font-size: 1.3rem !important;
}

.comment-form input,
.comment-form textarea {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 10px 14px !important;
  font-family: 'Noto Serif Devanagari', serif !important;
  background: #fff !important;
  width: 100% !important;
  transition: border-color 0.2s !important;
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: var(--saffron) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(212,88,10,0.1) !important;
}

.comment-form .submit,
.submit-button {
  background: linear-gradient(135deg, var(--saffron), var(--saffron-deep)) !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 30px !important;
  border-radius: var(--radius-sm) !important;
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  box-shadow: 0 4px 14px rgba(212,88,10,0.3) !important;
}
.comment-form .submit:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(212,88,10,0.4) !important;
}

/* ═══════════════════════════════════════════════════════
   PAGINATION
   ═══════════════════════════════════════════════════════ */
.td-pb-row .td-page-wrap .page-nav a,
.td-pb-row .td-page-wrap .page-nav span,
.td-page-wrap .page-nav a,
.pagination a, .page-numbers {
  font-family: 'Cormorant Garamond', serif !important;
  border: 1px solid var(--border) !important;
  color: var(--text-mid) !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
.pagination a:hover,
.page-numbers:hover,
.page-numbers.current {
  background: var(--saffron) !important;
  color: #fff !important;
  border-color: var(--saffron) !important;
}

/* ═══════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════ */
#td-footer-template,
.td-footer-template,
footer#colophon,
footer.site-footer {
  background: var(--dark) !important;
  color: rgba(255,255,255,0.6) !important;
  border-top: 1px solid rgba(201,148,58,0.15) !important;
}

/* Footer widgets */
#td-footer-template .widgettitle,
footer .widget-title,
.td-footer-wrapper .widgettitle {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  border-bottom: 1px solid rgba(201,148,58,0.2) !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
}

#td-footer-template .widget,
footer .widget,
.td-footer-wrapper .widget {
  color: rgba(255,255,255,0.5) !important;
  font-family: 'Noto Serif Devanagari', serif !important;
  font-size: 0.86rem !important;
  line-height: 1.8 !important;
}

#td-footer-template .widget a,
footer .widget a,
.td-footer-wrapper .widget a {
  color: rgba(255,255,255,0.5) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
#td-footer-template .widget a:hover,
footer .widget a:hover {
  color: var(--gold-light) !important;
}

/* Footer Ad Row */
.td-footer-top-ad,
.footer-ad-row {
  background: rgba(255,255,255,0.03) !important;
  border-bottom: 1px solid rgba(201,148,58,0.1) !important;
  text-align: center !important;
  padding: 16px 0 !important;
}

/* Footer Bottom Bar */
.td-footer-info,
.td-footer-copyright,
.site-info,
#td-footer-template .td-footer-copyright {
  background: rgba(0,0,0,0.3) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.3) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 0.82rem !important;
  padding: 18px 0 !important;
  text-align: center !important;
}
.td-footer-copyright a,
.site-info a {
  color: var(--gold) !important;
}

/* ═══════════════════════════════════════════════════════
   ADSENSE — RESPONSIVE AD UNITS
   ═══════════════════════════════════════════════════════ */

/* Leaderboard (728x90) wrapper */
.as-leaderboard {
  max-width: 728px;
  margin: 0 auto;
  padding: 8px 0;
  text-align: center;
}

/* Rectangle (300x250) wrapper */
.as-rectangle {
  max-width: 336px;
  margin: 0 auto;
  text-align: center;
}

/* In-article native ad */
.as-in-article {
  text-align: center;
  margin: 36px auto;
  max-width: 760px;
}

/* Mobile full width */
@media (max-width: 768px) {
  .as-leaderboard ins { width: 100% !important; }
}

/* ═══════════════════════════════════════════════════════
   CATEGORY PAGE HEADER
   ═══════════════════════════════════════════════════════ */
.td-page-header,
.td-category-header,
.archive .page-header,
.category-header-image-wrap {
  background: linear-gradient(135deg, var(--dark), #2E1505) !important;
  padding: 50px 20px !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(201,148,58,0.2) !important;
}

.td-page-header h1,
.archive-title,
.category-header-image-wrap h1 {
  font-family: 'Noto Serif Devanagari', serif !important;
  color: #fff !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
}

/* ═══════════════════════════════════════════════════════
   SEARCH BOX
   ═══════════════════════════════════════════════════════ */
.td-search-form input[type="text"],
.search-field {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  font-family: 'Noto Serif Devanagari', serif !important;
  padding: 10px 16px !important;
  background: #fff !important;
}
.td-search-form input[type="submit"],
.search-submit {
  background: var(--saffron) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
}

/* ═══════════════════════════════════════════════════════
   SCROLL TO TOP BUTTON
   ═══════════════════════════════════════════════════════ */
#td-scroll-top, .scroll-to-top {
  background: linear-gradient(135deg, var(--saffron), var(--saffron-deep)) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  box-shadow: 0 4px 14px rgba(212,88,10,0.4) !important;
  border: none !important;
}

/* ═══════════════════════════════════════════════════════
   READING PROGRESS BAR
   ═══════════════════════════════════════════════════════ */
#reading-progress, .reading-progress-bar {
  background: linear-gradient(90deg, var(--saffron), var(--gold)) !important;
  height: 3px !important;
}

/* ═══════════════════════════════════════════════════════
   MOBILE RESPONSIVE
   ═══════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  h1.entry-title,
  .td-post-header h1 {
    font-size: 1.6rem !important;
    padding: 30px 16px 20px !important;
  }

  .td-post-content,
  .entry-content {
    padding: 24px 16px !important;
    font-size: 1rem !important;
  }

  .td-post-content > p:first-of-type::first-letter,
  .entry-content > p:first-of-type::first-letter {
    font-size: 3rem !important;
  }

  .td-post-header,
  header.entry-header {
    padding: 40px 0 !important;
  }

  #comments, .comments-area {
    padding: 20px 16px !important;
  }
}