/* Premium "Modern Editorial" restyle for the suttas.com static mirror.
   Overrides Weebly's inline styles and default theme; original HTML/content untouched. */

:root {
  --ed-bg: #fbfaf7;
  --ed-panel: #f4efe4;
  --ed-surface: #ffffff;
  --ed-text: #33302a;
  --ed-text-soft: #5c574c;
  --ed-muted: #9c8a6f;
  --ed-accent: #b5772f;
  --ed-accent-dark: #8a5a2c;
  --ed-border: #e7e1d3;
  --ed-serif: "Lora", "Gentium Basic", Georgia, serif;
  --ed-display: "Playfair Display", "Lora", Georgia, serif;
  --ed-sans: "Raleway", "Montserrat", Helvetica, Arial, sans-serif;
}

html, body {
  background: var(--ed-bg) !important;
  color: var(--ed-text) !important;
  font-family: var(--ed-serif) !important;
}

/* ---------- Declutter: ads, Weebly signup nags, dead third-party widgets ---------- */
.adsbygoogle,
ins.adsbygoogle,
script + ins.adsbygoogle,
#weebly-footer-signup-container,
.signup-container-header,
.trigger-signup,
.wgtc-widget-frame {
  display: none !important;
}

/* ---------- Header ---------- */
#header {
  background: var(--ed-bg) !important;
  border-bottom: 1px solid var(--ed-border) !important;
  padding: 26px 5% !important;
}
#sitename, #sitename .wsite-logo, #sitename a {
  color: var(--ed-text) !important;
}
#sitename #wsite-title {
  font-family: var(--ed-display) !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  letter-spacing: 0.2px !important;
  color: #211c14 !important;
}
.nav-trigger .open-btn span.mobile { background: var(--ed-text) !important; }

#navigation {
  background: var(--ed-bg) !important;
  border-top: none !important;
  border-bottom: 1px solid var(--ed-border) !important;
}
#navigation ul.wsite-menu-default {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
#navigation a.wsite-menu-item {
  color: var(--ed-text-soft) !important;
  font-family: var(--ed-sans) !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
  font-size: 13.5px !important;
  padding: 14px 16px !important;
  transition: color .2s ease;
}
#navigation a.wsite-menu-item:hover {
  color: var(--ed-accent) !important;
}
#navigation .wsite-menu-wrap {
  background: var(--ed-surface) !important;
  border: 1px solid var(--ed-border) !important;
  box-shadow: 0 16px 32px rgba(60,45,20,0.12) !important;
}
#navigation a.wsite-menu-subitem,
#navigation .wsite-menu-title {
  color: var(--ed-text-soft) !important;
  font-family: var(--ed-serif) !important;
  text-transform: none !important;
}
#navigation li.wsite-menu-subitem-wrap:hover {
  background: var(--ed-panel) !important;
}
#navigation a.wsite-menu-subitem:hover,
#navigation li.wsite-menu-subitem-wrap:hover .wsite-menu-title {
  color: var(--ed-accent-dark) !important;
}

/* ---------- Hero band ---------- */
/* Collapse the banner's own (usually empty) title so it never duplicates
   the real heading that follows in #wsite-content. */
#banner-container h2.wsite-content-title:empty {
  display: none !important;
}
#banner-container h2.wsite-content-title:not(:empty),
#banner-container h2.wsite-content-title:not(:empty) * {
  font-family: var(--ed-display) !important;
  color: #fdf9f0 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.55) !important;
}
/* Shrink the hero photo to a calm decorative strip instead of a full-bleed banner */
.wsite-section-bg-image {
  height: 190px !important;
  filter: saturate(0.85) brightness(0.92);
}
#banner-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}

/* ---------- Body content ---------- */
#wrapper, #content-wrapper, #wsite-content {
  background: transparent !important;
}
.wsite-section-content > .container {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 48px 40px !important;
  background: var(--ed-panel) !important;
  border-radius: 4px !important;
  border: 1px solid var(--ed-border) !important;
}

h2.wsite-content-title,
h2.wsite-content-title * {
  font-family: var(--ed-display) !important;
  color: #211c14 !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  margin-bottom: 26px !important;
  text-shadow: none !important;
}

#wsite-content .paragraph,
#wsite-content p,
#wsite-content .paragraph *,
#wsite-content p * {
  color: var(--ed-text) !important;
  font-family: var(--ed-serif) !important;
  line-height: 1.85 !important;
  font-size: 16.5px !important;
  background: transparent !important;
}
#wsite-content a {
  color: var(--ed-accent-dark) !important;
}
#wsite-content a:hover {
  color: var(--ed-accent) !important;
}

/* Drop cap on the paragraph immediately following the title */
h2.wsite-content-title + div.paragraph::first-letter {
  font-family: var(--ed-display) !important;
  font-size: 54px !important;
  color: var(--ed-accent) !important;
  float: left !important;
  line-height: 0.8 !important;
  padding-right: 8px !important;
}

/* ---------- Footer ---------- */
.wsite-footer, #wsite-footer, .wsite-elements.wsite-footer {
  background: var(--ed-panel) !important;
  color: var(--ed-text-soft) !important;
  border-top: 1px solid var(--ed-border) !important;
}
.wsite-elements.wsite-footer div.paragraph,
.wsite-elements.wsite-footer p,
.wsite-elements.wsite-footer * {
  color: var(--ed-text-soft) !important;
}