/* ═══════════════════════════════════════════════════════════
   ManaHindu — PREMIUM MAROON + GOLD + IVORY THEME
   Dark-gold headers/footers wrapping bright ivory reading pages.
   Loaded LAST to refine the base look site-wide.
   Includes animated ribbon/accent variety.
   ═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');

:root{
  --p-ink:#0d0b12; --p-ink2:#1c1826;
  --p-maroon:#5a2e14; --p-maroon2:#6b3818;
  --p-hero1:#4a2c18; --p-hero2:#2a2018;
  --p-gold:#d4af37; --p-gold-soft:#e8cf8a; --p-gold-deep:#a8862a;
  --p-ivory:#fbf7ef; --p-cream:#f4ecdd;
  --p-text:#2a2320; --p-text-soft:#5a4a3a;
}

/* ── Reading surface ── */
body{ background:var(--p-ivory) !important; color:var(--p-text) !important; }
.section{ background:transparent !important; }

/* Body text: crisp, readable, roomy */
p, li, td{ color:var(--p-text) !important; line-height:1.95 !important; }
.satakam-intro p, .chapter-section p, .chapter-content p{
  color:var(--p-text) !important; font-size:1.06rem !important; line-height:2 !important;
}
.text-muted,.muted,small{ color:var(--p-text-soft) !important; }

/* ── Headings: elegant ── */
h1,h2,h3,h4{ color:var(--p-maroon) !important; }
.chapter-section h2, .satakam-intro h2{
  font-family:'Tiro Telugu',serif !important;
  position:relative; padding-top:0.3rem;
}

/* ═══ ELEGANT ORNAMENTAL ACCENTS (rich redesign) ═══ */

/* Heading accent — refined gold underline with a diamond, sits clearly under the heading */
.chapter-section h2, .satakam-intro h2{
  position:relative;
  padding-bottom:14px;
  margin-bottom:8px;
}
.chapter-section h2::after, .satakam-intro h2::after{
  content:'';
  position:absolute; left:0; bottom:0;
  width:60px; height:0;
  border-bottom:2px solid var(--p-gold);
  box-shadow:0 0 0 rgba(0,0,0,0);
}
.chapter-section h2::before, .satakam-intro h2::before{
  content:'❖';
  position:absolute; left:70px; bottom:-11px;
  color:var(--p-gold);
  font-size:0.75rem;
  line-height:1;
}

/* ── Page hero: keep it clean, remove busy animated bar; add a soft elegant base line ── */
.page-hero, .article-hero, .life-hero, .satakam-hero{
  background:linear-gradient(135deg,var(--p-hero1),var(--p-hero2)) !important;
  position:relative; overflow:hidden;
}
.page-hero::after, .article-hero::after, .life-hero::after, .satakam-hero::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:linear-gradient(90deg,var(--p-gold-deep),var(--p-gold),var(--p-gold-soft),var(--p-gold),var(--p-gold-deep));
}
.satakam-hero h1{ color:var(--p-gold-soft) !important; }
.satakam-hero p{ color:#e8dcc4 !important; }

.page-hero h1,.article-hero h1,.life-hero h1,.article-hero-title{ color:var(--p-gold-soft) !important; }
.page-hero p,.article-hero p,.life-hero p{ color:#e8dcc4 !important; }
.breadcrumb, .breadcrumb a{ color:var(--p-gold-soft) !important; }
.breadcrumb span{ color:#c9b896 !important; }

/* ── Header / Nav ── */
.header{ background:linear-gradient(180deg,var(--p-ink),var(--p-ink2)) !important; border-bottom:1px solid rgba(212,175,55,0.25) !important; box-shadow:0 4px 20px rgba(0,0,0,0.35) !important; }
.logo-title{ color:var(--p-ivory) !important; }
.logo-sub,.logo-om{ color:var(--p-gold) !important; }
.nav a{ color:var(--p-ivory) !important; }
.nav a:hover{ background:rgba(212,175,55,0.15) !important; color:var(--p-gold-soft) !important; }
.nav a.active{ background:linear-gradient(135deg,var(--p-gold-soft),var(--p-gold-deep)) !important; color:var(--p-ink) !important; }
.hamburger{ color:var(--p-gold-soft) !important; }

/* Header bottom edge — clean gold line */
.header::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:linear-gradient(90deg,transparent,var(--p-gold),var(--p-gold-soft),var(--p-gold),transparent);
}

/* ── Dropdowns ── */
.dropdown{ background:linear-gradient(180deg,#fff,#fdf6e8) !important; border:1px solid rgba(212,175,55,0.3) !important; border-image:none !important; box-shadow:0 18px 44px rgba(58,15,20,0.25) !important; }
.dropdown a{ color:var(--p-text) !important; }
.dropdown a:hover{ background:rgba(212,175,55,0.14) !important; color:var(--p-maroon) !important; }
.dropdown-group-label{ color:var(--p-gold-deep) !important; border-left-color:var(--p-gold) !important; }

/* ── Mobile nav ── */
.mobile-nav{ background:linear-gradient(180deg,#fff,#fdf6e8) !important; border-top:3px solid var(--p-gold) !important; border-image:none !important; }
.mobile-nav > a,.mobile-nav-toggle{ color:var(--p-maroon) !important; }
.mobile-nav > a.active,.mobile-nav-toggle.open{ background:linear-gradient(135deg,var(--p-gold-soft),rgba(212,175,55,0.3)) !important; color:var(--p-maroon) !important; }

/* ── Cards ── */
.satakam-intro,.card,.fest-card,.showcase-card,.temple-card,.info-box,.padyam-card,.source-note,.comment-box,.chapter-nav{
  background:linear-gradient(135deg,#fff,#fdf6e8) !important;
  border:1px solid #ecd9a8 !important;
  box-shadow:0 4px 16px rgba(124,28,28,0.07) !important;
}
.padyam-card{ border-left:4px solid var(--p-gold) !important; }
.padyam-text{ color:var(--p-maroon) !important; }

/* Chapter nav sidebar */
.chapter-nav-item{ color:var(--p-text) !important; }
.chapter-nav-item:hover:not(.active){ background:rgba(212,175,55,0.12) !important; color:var(--p-maroon) !important; }
.chapter-nav-item.active{ background:linear-gradient(135deg,var(--p-gold-soft),var(--p-gold-deep)) !important; color:var(--p-ink) !important; }

/* ── Buttons ── */
.btn-primary{ background:linear-gradient(135deg,var(--p-gold-soft),var(--p-gold)) !important; color:var(--p-ink) !important; border:none !important; box-shadow:0 6px 18px rgba(212,175,55,0.3) !important; }
.btn-primary:hover{ transform:translateY(-2px); }
.btn-outline{ border:1px solid var(--p-gold) !important; color:var(--p-maroon) !important; }
.btn-outline:hover{ background:var(--p-gold) !important; color:var(--p-ink) !important; }

/* ── Footer ── */
.footer{ background:linear-gradient(180deg,var(--p-ink2),var(--p-ink)) !important; border-top:1px solid rgba(212,175,55,0.25) !important; color:#c9b896 !important; position:relative; }
.footer::before{ /* footer top edge — clean gold line */
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--p-gold),var(--p-gold-soft),var(--p-gold),transparent);
}
.footer h4{ color:var(--p-gold) !important; }
.footer a{ color:#c9b896 !important; }
.footer a:hover{ color:var(--p-gold-soft) !important; }

/* ── Gallery ── */
.gallery-group-title{ color:var(--p-maroon) !important; border-image:none !important; border-bottom:2px solid var(--p-gold) !important; }

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .chapter-section h2::before,.satakam-intro h2::before,
  .page-hero::after,.article-hero::after,.life-hero::after,
  .header::after,.footer::before{ animation:none !important; }
}

/* ── Quick page fade-in (inner pages) ──────────────────────── */
@keyframes mhPageIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.article-hero, .page-hero, .life-hero { animation: mhPageIn 0.5s ease; }
.section, .container > .article-layout { animation: mhPageIn 0.5s ease; }
@media (prefers-reduced-motion: reduce){
  .article-hero, .page-hero, .life-hero, .section, .container > .article-layout { animation: none !important; }
}

/* ═══ FINAL CLEAN-UP: consistent padding & spacing everywhere ═══ */
/* Ensure every page's content has breathing room */
.section{ padding:2.5rem 0 !important; }
.container{ padding-left:1.2rem !important; padding-right:1.2rem !important; }
.article-layout{ padding:0.5rem 0 2rem !important; }
.article-body{ padding-right:1rem; }
/* Hero spacing */
.page-hero, .article-hero, .life-hero{ padding:1.3rem 0 !important; }
.page-hero .container, .article-hero .container, .article-hero-inner{ padding-top:0.2rem !important; padding-bottom:0.2rem !important; }
/* Card grids get consistent gaps */
.fest-card-grid, .topic-card-grid{ gap:1.2rem !important; padding:0.5rem 0; }
/* Headings breathing room */
.chapter-section, .satakam-intro{ margin-bottom:1.5rem; }
.chapter-section h2, .satakam-intro h2{ margin-top:1.5rem; }
/* Paragraph spacing for readability */
.chapter-section p, .satakam-intro p, .article-body p{ margin-bottom:1rem; }
/* Mobile: tighter but still padded */
@media (max-width:640px){
  .section{ padding:1.8rem 0 !important; }
  .container{ padding-left:1rem !important; padding-right:1rem !important; }
  .article-body{ padding-right:0; }
  .page-hero, .article-hero, .life-hero{ padding:1.1rem 0 !important; }
}

/* ═══ FORCE edge padding (highest priority) — content must never touch screen edges ═══ */
body .container,
body .page-hero .container,
body .article-hero .container,
body .article-hero-inner,
body .header-inner,
body .footer-inner{
  padding-left:18px !important;
  padding-right:18px !important;
  box-sizing:border-box !important;
}
/* Also pad the hero and section blocks directly as a safety net */
body .page-hero, body .article-hero, body .life-hero{
  padding-top:26px !important;
  padding-bottom:22px !important;
}
body h1{ padding-top:4px; }