/**
 * Churhius 2 presentation skin for St Marys Astra Child.
 *
 * Original implementation inspired by the visual direction of the referenced
 * Churhius Homepage 2 / About / Give & Serve / Ministries / Contact demos.
 * Shared St Marys templates and Gutenberg content remain unchanged.
 */

html[data-site-theme="churhius-2"] {
  --navy: #20262b;
  --gold: #f0a126;
  --cream: #f7f7f4;
  --crimson: #d64b32;
  --ink: #33383c;
  --muted: #777e83;
  --line: #e5e5e1;

  --bg-color: #ffffff;
  --surface: #ffffff;
  --surface-2: #f4f4f1;
  --text-color: #3c4145;
  --muted-color: #777e83;
  --heading-color: #252a2e;
  --border-color: #e5e5e1;
  --header-bg: rgba(255,255,255,.98);
  --footer-bg: #23282c;
  --footer-text: #f4f4f2;
  --overlay: rgba(19,24,28,.48);

  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --shadow: 0 10px 28px rgba(24,29,32,.10);
  --container: 1170px;
}

html[data-site-theme="churhius-2"][data-theme="dark"] {
  --bg-color: #171b1e;
  --surface: #202529;
  --surface-2: #292f33;
  --text-color: #eceeec;
  --muted-color: #b7bdc0;
  --heading-color: #ffffff;
  --border-color: #3b4246;
  --header-bg: rgba(28,33,36,.98);
  --footer-bg: #111416;
  --footer-text: #f5f5f2;
  --overlay: rgba(8,11,13,.62);
  --shadow: 0 10px 28px rgba(0,0,0,.28);
}

html[data-site-theme="churhius-2"] body {
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.72;
}

html[data-site-theme="churhius-2"] h1,
html[data-site-theme="churhius-2"] h2,
html[data-site-theme="churhius-2"] h3,
html[data-site-theme="churhius-2"] h4 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  letter-spacing: -.015em;
}

/* Header — bright main navigation with a slim accent edge. */
html[data-site-theme="churhius-2"] .site-header {
  border-bottom: 1px solid var(--border-color);
  box-shadow: none;
}

html[data-site-theme="churhius-2"] .header-inner {
  min-height: 92px;
}

html[data-site-theme="churhius-2"] .brand {
  padding: 0 0 0 16px;
  border-left: 4px solid var(--gold);
}

html[data-site-theme="churhius-2"] .brand strong {
  color: var(--heading-color);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.55rem;
  line-height: 1;
}

html[data-site-theme="churhius-2"] .brand small {
  margin-top: 7px;
  color: var(--muted-color);
  font-size: .66rem;
  letter-spacing: .21em;
  text-transform: uppercase;
}

html[data-site-theme="churhius-2"] .nav-list > li > a {
  font-size: .79rem;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

html[data-site-theme="churhius-2"] .nav-list a:hover,
html[data-site-theme="churhius-2"] .nav-list a[aria-current="page"],
html[data-site-theme="churhius-2"] .site-nav .current-menu-item > a,
html[data-site-theme="churhius-2"] .site-nav .current-menu-ancestor > a {
  color: var(--crimson);
}

html[data-site-theme="churhius-2"] .theme-toggle,
html[data-site-theme="churhius-2"] .menu-toggle {
  border-radius: 0 !important;
}

/* Homepage 2 direction: full photographic stage, large serif copy, warm CTA. */
html[data-site-theme="churhius-2"] .hero {
  min-height: 690px;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(20,25,29,.70) 0%, rgba(20,25,29,.42) 52%, rgba(20,25,29,.18) 100%),
    var(--stmarys-hero-image, url("altar_and_cross.jpg")) center 38% / cover no-repeat;
}

html[data-site-theme="churhius-2"] .hero::after {
  background: none;
}

html[data-site-theme="churhius-2"] .hero-content {
  padding-block: 86px;
}

html[data-site-theme="churhius-2"] .hero-copy-panel {
  width: min(100%, 760px);
  padding: clamp(30px, 5vw, 54px);
  border: 1px solid rgba(255,255,255,.20);
  border-left: 4px solid var(--gold);
  background: rgba(20,25,29,.56);
  box-shadow: 0 22px 56px rgba(0,0,0,.20);
  -webkit-backdrop-filter: blur(10px) saturate(110%);
  backdrop-filter: blur(10px) saturate(110%);
}

html[data-site-theme="churhius-2"] .hero .eyebrow {
  color: #fff;
  font-size: .78rem;
}

html[data-site-theme="churhius-2"] .hero h1 {
  max-width: 740px;
  margin-bottom: 20px;
  color: #fff;
  font-size: clamp(3.9rem, 8vw, 7.3rem);
  line-height: .94;
  text-shadow: 0 2px 20px rgba(0,0,0,.18);
}

html[data-site-theme="churhius-2"] .hero p {
  max-width: 640px;
  color: rgba(255,255,255,.94);
  font-size: 1.06rem;
}

html[data-site-theme="churhius-2"] .hero .button-row {
  margin-top: 32px;
}

/* Inner pages: charcoal title band, closely matching the demo's restrained interiors. */
html[data-site-theme="churhius-2"] .page-hero {
  position: relative;
  overflow: hidden;
  padding: 96px 0 82px;
  background:
    linear-gradient(110deg, rgba(34,39,43,.98), rgba(48,54,58,.94)),
    radial-gradient(circle at 82% 18%, rgba(240,161,38,.22), transparent 28%);
}

html[data-site-theme="churhius-2"] .page-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 4px;
  background: linear-gradient(90deg, var(--gold) 0 9%, var(--crimson) 9% 15%, transparent 15%);
}

html[data-site-theme="churhius-2"] .page-hero .eyebrow {
  color: #f7b64c;
}

html[data-site-theme="churhius-2"] .page-hero h1 {
  font-size: clamp(3.2rem, 6vw, 5.5rem);
}

html[data-site-theme="churhius-2"] section {
  padding-block: 80px;
}

html[data-site-theme="churhius-2"] .section-tight {
  padding-block: 48px;
}

html[data-site-theme="churhius-2"] .section-heading {
  margin-bottom: 36px;
}

html[data-site-theme="churhius-2"] .section-heading::after {
  width: 46px;
  height: 3px;
  margin-top: 18px;
  background: var(--gold);
}

html[data-site-theme="churhius-2"] .eyebrow {
  margin-bottom: 10px;
  color: var(--crimson);
  font-size: .7rem;
  letter-spacing: .2em;
}

/* Service/ministry cards: flat, image-friendly, orange/red accents. */
html[data-site-theme="churhius-2"] .card {
  position: relative;
  padding: 28px;
  border: 1px solid var(--border-color);
  background: var(--surface);
  box-shadow: none;
}

html[data-site-theme="churhius-2"] .card-hover {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

html[data-site-theme="churhius-2"] .card-hover:hover {
  transform: translateY(-4px);
  border-color: rgba(214,75,50,.38);
  box-shadow: var(--shadow);
}

html[data-site-theme="churhius-2"] .card-icon {
  width: 58px;
  height: 58px;
  margin-bottom: 21px;
  border-radius: 50%;
  background: var(--crimson);
  color: #fff;
  font-size: 1.15rem;
}

html[data-site-theme="churhius-2"] .quick-link:nth-child(3n+2) .card-icon {
  background: var(--gold);
  color: #282d31;
}

html[data-site-theme="churhius-2"] .quick-link .arrow {
  color: var(--crimson);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

html[data-site-theme="churhius-2"] .feature {
  gap: 56px;
}

html[data-site-theme="churhius-2"] .feature-image,
html[data-site-theme="churhius-2"] .placeholder-image,
html[data-site-theme="churhius-2"] .accordion-feature-image,
html[data-site-theme="churhius-2"] .accordion-placeholder-image {
  border-radius: 0;
}

html[data-site-theme="churhius-2"] .feature-image {
  box-shadow: 14px 14px 0 var(--surface-2);
}

/* Buttons/forms from the Give & Serve / Contact direction. */
html[data-site-theme="churhius-2"] .btn {
  min-height: 48px;
  padding: 12px 23px;
  border-radius: 0;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html[data-site-theme="churhius-2"] .btn-primary,
html[data-site-theme="churhius-2"] .btn-crimson {
  background: var(--crimson);
  color: #fff;
}

html[data-site-theme="churhius-2"] .btn-primary:hover,
html[data-site-theme="churhius-2"] .btn-crimson:hover {
  background: #ba3e2a;
}

html[data-site-theme="churhius-2"] .hero .btn-primary {
  background: var(--gold);
  color: #252a2e;
}

html[data-site-theme="churhius-2"] .hero .btn-primary:hover {
  background: #ffb640;
}

html[data-site-theme="churhius-2"] input,
html[data-site-theme="churhius-2"] select,
html[data-site-theme="churhius-2"] textarea,
html[data-site-theme="churhius-2"] .table-wrap,
html[data-site-theme="churhius-2"] .accordion,
html[data-site-theme="churhius-2"] .info-strip,
html[data-site-theme="churhius-2"] .callout {
  border-radius: 0;
}

html[data-site-theme="churhius-2"] input,
html[data-site-theme="churhius-2"] select,
html[data-site-theme="churhius-2"] textarea {
  border-color: #d9d9d4;
  background: var(--surface);
}

html[data-site-theme="churhius-2"] th {
  background: #2a3034;
  color: #fff;
}

html[data-site-theme="churhius-2"] .callout {
  border-left: 4px solid var(--gold);
}

/* Home notice becomes a slim event/giving rail. */
html[data-site-theme="churhius-2"] .home-announcement {
  top: 92px;
  border: 0;
  background: #2b3034;
  color: #fff;
}

html[data-site-theme="churhius-2"] .home-announcement__text {
  color: #fff;
}

html[data-site-theme="churhius-2"] .home-announcement .btn-primary {
  background: var(--gold);
  color: #252a2e;
}

/* Footer mirrors the demo's dark directory/footer treatment. */
html[data-site-theme="churhius-2"] .site-footer {
  position: relative;
  padding-top: 74px;
  background: #24292d;
}

html[data-site-theme="churhius-2"] .site-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--crimson) 0 10%, var(--gold) 10% 18%, transparent 18%);
}

html[data-site-theme="churhius-2"] .site-footer h3 {
  color: #fff;
}

html[data-site-theme="churhius-2"] .site-footer a {
  color: #f7b64c;
}

html[data-site-theme="churhius-2"] .social-links a,
html[data-site-theme="churhius-2"] .back-to-top {
  border-radius: 0 !important;
}

html[data-site-theme="churhius-2"] .back-to-top {
  background: var(--crimson);
  color: #fff;
}

/* Desktop menu: compact, narrow and close to the reference's dense navigation. */
@media (min-width: 1050px) {
  html[data-site-theme="churhius-2"] .nav-list {
    gap: 22px;
  }

  html[data-site-theme="churhius-2"] .nav-list > li > a {
    min-height: 92px;
  }

  html[data-site-theme="churhius-2"] .site-nav .menu-item-has-children > .sub-menu,
  html[data-site-theme="churhius-2"] .nav-about .nav-sublist {
    top: calc(100% - 11px);
    left: -12px;
    min-width: 205px;
    padding: 5px 6px;
    border: 0;
    border-top: 3px solid var(--crimson);
    border-radius: 0;
    box-shadow: 0 10px 24px rgba(20,25,29,.16);
  }

  html[data-site-theme="churhius-2"] .site-nav .sub-menu a,
  html[data-site-theme="churhius-2"] .nav-sublist a {
    min-height: 31px;
    padding: 3px 9px;
    font-size: .76rem;
    line-height: 1.2;
  }
}

@media (max-width: 1049px) {
  html[data-site-theme="churhius-2"] .site-nav {
    top: 92px;
    height: calc(100dvh - 92px);
  }

  html[data-site-theme="churhius-2"] body.admin-bar .site-nav {
    top: 124px;
    height: calc(100dvh - 124px);
  }

  html[data-site-theme="churhius-2"] .page-section-nav {
    top: 92px;
  }

  html[data-site-theme="churhius-2"] body.admin-bar .page-section-nav {
    top: 124px;
  }
}

@media (max-width: 760px) {
  html[data-site-theme="churhius-2"] .hero {
    min-height: 590px;
  }

  html[data-site-theme="churhius-2"] .hero h1 {
    font-size: clamp(3.2rem, 15vw, 5.2rem);
  }

  html[data-site-theme="churhius-2"] section {
    padding-block: 62px;
  }
}