/* =========================================================
   My Obscure Designs — Legal / About / Blog · v2.2.15
   Cabinet heroes + panels (Privacy 1084, Terms 1085,
   About 1083, Blog posts index).
   ========================================================= */

/* ---- Shared page chrome kill (Kadence entry hero / sidebar) ---- */
html body.page-id-1084 .widget-area,
html body.page-id-1084 #secondary,
html body.page-id-1084 .entry-hero,
html body.page-id-1084 .entry-hero-container,
html body.page-id-1084 .kadence-entry-hero-container,
html body.page-id-1084 .entry-header,
html body.page-id-1084 .entry-title:not(.mod-hero h1),
html body.page-id-1085 .widget-area,
html body.page-id-1085 #secondary,
html body.page-id-1085 .entry-hero,
html body.page-id-1085 .entry-hero-container,
html body.page-id-1085 .kadence-entry-hero-container,
html body.page-id-1085 .entry-header,
html body.page-id-1085 .entry-title:not(.mod-hero h1),
html body.page-id-1083 .widget-area,
html body.page-id-1083 #secondary,
html body.page-id-1083 .entry-hero,
html body.page-id-1083 .entry-hero-container,
html body.page-id-1083 .kadence-entry-hero-container,
html body.page-id-1083 .entry-header,
html body.page-id-1083 .entry-title:not(.mod-hero h1),
html body.blog .widget-area,
html body.blog #secondary,
html body.blog .entry-hero,
html body.blog .entry-hero-container,
html body.blog .kadence-entry-hero-container,
html body.blog .entry-header:not(.mod-hero *),
html body.blog h1.page-title,
html body.blog h1.archive-title {
  display: none !important;
}

html body.page-id-1084,
html body.page-id-1084 #page,
html body.page-id-1084 .site,
html body.page-id-1084 #inner-wrap,
html body.page-id-1084 #content,
html body.page-id-1084 .content-area,
html body.page-id-1084 .content-container,
html body.page-id-1084 .site-main,
html body.page-id-1084 .content-wrap,
html body.page-id-1084 article.entry,
html body.page-id-1084 .entry-content-wrap,
html body.page-id-1084 .entry-content,
html body.page-id-1085,
html body.page-id-1085 #page,
html body.page-id-1085 .site,
html body.page-id-1085 #inner-wrap,
html body.page-id-1085 #content,
html body.page-id-1085 .content-area,
html body.page-id-1085 .content-container,
html body.page-id-1085 .site-main,
html body.page-id-1085 .content-wrap,
html body.page-id-1085 article.entry,
html body.page-id-1085 .entry-content-wrap,
html body.page-id-1085 .entry-content,
html body.page-id-1083,
html body.page-id-1083 #page,
html body.page-id-1083 .site,
html body.page-id-1083 #inner-wrap,
html body.page-id-1083 #content,
html body.page-id-1083 .content-area,
html body.page-id-1083 .content-container,
html body.page-id-1083 .site-main,
html body.page-id-1083 .content-wrap,
html body.page-id-1083 article.entry,
html body.page-id-1083 .entry-content-wrap,
html body.page-id-1083 .entry-content,
html body.blog,
html body.blog #page,
html body.blog .site,
html body.blog #inner-wrap,
html body.blog #content,
html body.blog .content-area,
html body.blog .content-container,
html body.blog .site-main,
html body.blog .content-wrap {
  background: #0e0b08 !important;
}

html body.page-id-1084 #primary,
html body.page-id-1084 .content-area,
html body.page-id-1084 .content-container.site-container,
html body.page-id-1084 .site-main,
html body.page-id-1084 .content-wrap,
html body.page-id-1084 article.entry,
html body.page-id-1084 .entry-content-wrap,
html body.page-id-1084 .entry-content,
html body.page-id-1084 #content.site-content > .col-full,
html body.page-id-1085 #primary,
html body.page-id-1085 .content-area,
html body.page-id-1085 .content-container.site-container,
html body.page-id-1085 .site-main,
html body.page-id-1085 .content-wrap,
html body.page-id-1085 article.entry,
html body.page-id-1085 .entry-content-wrap,
html body.page-id-1085 .entry-content,
html body.page-id-1085 #content.site-content > .col-full,
html body.page-id-1083 #primary,
html body.page-id-1083 .content-area,
html body.page-id-1083 .content-container.site-container,
html body.page-id-1083 .site-main,
html body.page-id-1083 .content-wrap,
html body.page-id-1083 article.entry,
html body.page-id-1083 .entry-content-wrap,
html body.page-id-1083 .entry-content,
html body.page-id-1083 #content.site-content > .col-full,
html body.blog #primary,
html body.blog .content-area,
html body.blog .content-container.site-container,
html body.blog .site-main,
html body.blog .content-wrap,
html body.blog #content.site-content > .col-full {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body.page-id-1084,
html body.page-id-1084 #page,
html body.page-id-1084 .site,
html body.page-id-1085,
html body.page-id-1085 #page,
html body.page-id-1085 .site,
html body.page-id-1083,
html body.page-id-1083 #page,
html body.page-id-1083 .site,
html body.blog,
html body.blog #page,
html body.blog .site {
  overflow-x: clip !important;
}

/* ---- Page shell (legal / about) ---- */
html body.page-id-1084 .mod-legal-page.mod-home,
html body.page-id-1085 .mod-legal-page.mod-home,
html body.page-id-1083 .mod-legal-page.mod-home,
html body.page-id-1083 .mod-about-page.mod-home {
  --ink: #211d14;
  --teal: #293c3b;
  --cream: #f2e1cf;
  --cream-bright: #fff5e1;
  --gold: #b8956a;
  --gold-bright: #d4b483;
  --choc: #5a3d29;
  --deep: #0e0b08;
  color: var(--cream);
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 3.5rem !important;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.65;
}

html body.page-id-1084 .mod-legal-page > .mod-hero,
html body.page-id-1085 .mod-legal-page > .mod-hero,
html body.page-id-1083 .mod-legal-page > .mod-hero,
html body.page-id-1083 .mod-about-page > .mod-hero,
html body.blog .mod-blog-page > .mod-hero {
  position: relative !important;
  text-align: center !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 2rem !important;
  box-sizing: border-box !important;
  padding: clamp(3.25rem, 8vw, 4.25rem) clamp(1.25rem, 5vw, 2.5rem) clamp(2.75rem, 6vw, 3.5rem) !important;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(184, 149, 106, .22), transparent 60%),
    linear-gradient(180deg, #1a1410 0%, #0e0b08 100%) !important;
  border-bottom: 1px solid rgba(184, 149, 106, .28) !important;
}

html body.page-id-1084 .mod-legal-page > .mod-hero .mod-hero-inner,
html body.page-id-1085 .mod-legal-page > .mod-hero .mod-hero-inner,
html body.page-id-1083 .mod-legal-page > .mod-hero .mod-hero-inner,
html body.page-id-1083 .mod-about-page > .mod-hero .mod-hero-inner,
html body.blog .mod-blog-page > .mod-hero .mod-hero-inner {
  position: relative !important;
  z-index: 1 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

html body.page-id-1084 .mod-legal-page > .mod-hero .mod-kicker,
html body.page-id-1085 .mod-legal-page > .mod-hero .mod-kicker,
html body.page-id-1083 .mod-legal-page > .mod-hero .mod-kicker,
html body.page-id-1083 .mod-about-page > .mod-hero .mod-kicker,
html body.blog .mod-blog-page > .mod-hero .mod-kicker {
  display: inline-block !important;
  margin: 0 0 1.1rem !important;
  padding: .4rem 1rem !important;
  border: 1px solid rgba(184, 149, 106, .5) !important;
  border-radius: 999px !important;
  color: #b8956a !important;
  font-size: .7rem !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  background: rgba(14, 11, 8, .45) !important;
}

html body.page-id-1084 .mod-legal-page > .mod-hero h1,
html body.page-id-1085 .mod-legal-page > .mod-hero h1,
html body.page-id-1083 .mod-legal-page > .mod-hero h1,
html body.page-id-1083 .mod-about-page > .mod-hero h1,
html body.blog .mod-blog-page > .mod-hero h1 {
  margin: 0 0 1rem !important;
  padding: 0 !important;
  color: #fff5e1 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2rem, 5vw, 3.15rem) !important;
  font-weight: 700 !important;
  letter-spacing: .015em !important;
  line-height: 1.12 !important;
}

html body.page-id-1084 .mod-legal-page > .mod-hero .mod-lede,
html body.page-id-1085 .mod-legal-page > .mod-hero .mod-lede,
html body.page-id-1083 .mod-legal-page > .mod-hero .mod-lede,
html body.page-id-1083 .mod-about-page > .mod-hero .mod-lede,
html body.blog .mod-blog-page > .mod-hero .mod-lede {
  margin: 0 auto !important;
  max-width: 38rem !important;
  color: #dcc9b3 !important;
  font-size: 1.12rem !important;
  line-height: 1.55 !important;
}

html body.page-id-1084 .mod-legal-page > .mod-hero::before,
html body.page-id-1085 .mod-legal-page > .mod-hero::before,
html body.page-id-1083 .mod-legal-page > .mod-hero::before,
html body.page-id-1083 .mod-about-page > .mod-hero::before,
html body.blog .mod-blog-page > .mod-hero::before {
  opacity: .06 !important;
}

html body.page-id-1084 .mod-legal-page > :not(.mod-hero),
html body.page-id-1085 .mod-legal-page > :not(.mod-hero),
html body.page-id-1083 .mod-legal-page > :not(.mod-hero),
html body.page-id-1083 .mod-about-page > :not(.mod-hero) {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(1.15rem, 4vw, 1.5rem) !important;
  padding-right: clamp(1.15rem, 4vw, 1.5rem) !important;
  box-sizing: border-box !important;
}

/* ---- Legal / about body panel ---- */
html body.page-id-1084 .mod-legal-body,
html body.page-id-1085 .mod-legal-body,
html body.page-id-1083 .mod-legal-body {
  background: linear-gradient(180deg, rgba(41, 60, 59, 0.42), rgba(20, 15, 11, 0.92)) !important;
  border: 1px solid rgba(184, 149, 106, .28) !important;
  border-radius: 16px !important;
  padding: 1.75rem 1.65rem !important;
  color: #f2e1cf !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28) !important;
}

html body.page-id-1084 .mod-legal-body h2,
html body.page-id-1085 .mod-legal-body h2,
html body.page-id-1083 .mod-legal-body h2 {
  margin: 1.6rem 0 .75rem !important;
  color: #d4b483 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.35rem !important;
  line-height: 1.25 !important;
}

html body.page-id-1084 .mod-legal-body h2:first-child,
html body.page-id-1085 .mod-legal-body h2:first-child,
html body.page-id-1083 .mod-legal-body h2:first-child {
  margin-top: 0 !important;
}

html body.page-id-1084 .mod-legal-body p,
html body.page-id-1085 .mod-legal-body p,
html body.page-id-1083 .mod-legal-body p {
  margin: 0 0 1rem !important;
  color: #f2e1cf !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
}

html body.page-id-1084 .mod-legal-body a,
html body.page-id-1085 .mod-legal-body a,
html body.page-id-1083 .mod-legal-body a {
  color: #d4b483 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(212, 180, 131, 0.35);
}

html body.page-id-1084 .mod-legal-body a:hover,
html body.page-id-1085 .mod-legal-body a:hover,
html body.page-id-1083 .mod-legal-body a:hover {
  color: #fff5e1 !important;
}

/* ---- Blog (posts index) ---- */
html body.blog .mod-blog-page.mod-home {
  --ink: #211d14;
  --teal: #293c3b;
  --cream: #f2e1cf;
  --cream-bright: #fff5e1;
  --gold: #b8956a;
  --gold-bright: #d4b483;
  --choc: #5a3d29;
  --deep: #0e0b08;
  color: var(--cream);
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.65;
}

html body.blog #primary.content-area,
html body.blog .content-container {
  max-width: 860px !important;
  margin: 0 auto 3.5rem !important;
  padding: 0 clamp(1.15rem, 4vw, 1.5rem) !important;
  box-sizing: border-box !important;
}

html body.blog .mod-blog-empty.mod-panel,
html body.blog .page-content,
html body.blog section.error {
  background: linear-gradient(180deg, rgba(41, 60, 59, 0.42), rgba(20, 15, 11, 0.92)) !important;
  border: 1px solid rgba(184, 149, 106, .28) !important;
  border-radius: 16px !important;
  padding: 1.75rem 1.65rem !important;
  color: #f2e1cf !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28) !important;
}

html body.blog .mod-blog-empty h2,
html body.blog section.error h2 {
  margin: 0 0 .75rem !important;
  color: #d4b483 !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

html body.blog .mod-blog-empty p,
html body.blog .page-content p,
html body.blog section.error p {
  color: #f2e1cf !important;
  margin: 0 0 1rem !important;
}

html body.blog .mod-blog-empty a,
html body.blog .page-content a {
  color: #d4b483 !important;
}

/* Hide default Kadence empty search form on blog; we provide a friendlier empty state */
html body.blog section.error .search-form {
  display: none !important;
}

/* Post cards when posts exist */
html body.blog article.loop-entry,
html body.blog .entry.loop-entry {
  background: linear-gradient(180deg, rgba(41, 60, 59, 0.42), rgba(20, 15, 11, 0.92)) !important;
  border: 1px solid rgba(184, 149, 106, .28) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28) !important;
  margin-bottom: 1.5rem !important;
  overflow: hidden !important;
  color: #f2e1cf !important;
}

html body.blog .loop-entry .entry-title a,
html body.blog .loop-entry .entry-title {
  color: #fff5e1 !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

html body.blog .loop-entry .entry-meta,
html body.blog .loop-entry .entry-summary,
html body.blog .loop-entry .entry-content {
  color: #dcc9b3 !important;
}

html body.blog .loop-entry a {
  color: #d4b483 !important;
}

html body.blog .loop-entry .entry-content-wrap {
  padding: 1.5rem 1.4rem !important;
}

@media (max-width: 600px) {
  html body.page-id-1084 .mod-legal-page > .mod-hero,
  html body.page-id-1085 .mod-legal-page > .mod-hero,
  html body.page-id-1083 .mod-legal-page > .mod-hero,
  html body.page-id-1083 .mod-about-page > .mod-hero,
  html body.blog .mod-blog-page > .mod-hero {
    padding-top: clamp(3.5rem, 12vw, 4.5rem);
    padding-bottom: 2.75rem;
  }
  html body.page-id-1084 .mod-legal-body,
  html body.page-id-1085 .mod-legal-body,
  html body.page-id-1083 .mod-legal-body {
    padding: 1.35rem 1.15rem 1.5rem !important;
  }
}