/* =====================================================================
   CHURCH TOUCHES — a light layer over style.css.
   Keeps the existing gold & cream palette and fonts; adds small budded
   (Syriac-style) gold crosses and scripture. Remove the <link> to revert.
===================================================================== */

:root {
  --cross-gold:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%239a7230'%3E%3Crect x='14.6' y='5' width='2.8' height='22' rx='0.6'/%3E%3Crect x='5' y='14.6' width='22' height='2.8' rx='0.6'/%3E%3Ccircle cx='16' cy='16' r='3'/%3E%3Ccircle cx='16.00' cy='3.30' r='1.55'/%3E%3Ccircle cx='17.55' cy='4.80' r='1.55'/%3E%3Ccircle cx='14.45' cy='4.80' r='1.55'/%3E%3Ccircle cx='16.00' cy='28.70' r='1.55'/%3E%3Ccircle cx='14.45' cy='27.20' r='1.55'/%3E%3Ccircle cx='17.55' cy='27.20' r='1.55'/%3E%3Ccircle cx='3.30' cy='16.00' r='1.55'/%3E%3Ccircle cx='4.80' cy='14.45' r='1.55'/%3E%3Ccircle cx='4.80' cy='17.55' r='1.55'/%3E%3Ccircle cx='28.70' cy='16.00' r='1.55'/%3E%3Ccircle cx='27.20' cy='17.55' r='1.55'/%3E%3Ccircle cx='27.20' cy='14.45' r='1.55'/%3E%3C/g%3E%3C/svg%3E");
  --cross-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23f0d483'%3E%3Crect x='14.6' y='5' width='2.8' height='22' rx='0.6'/%3E%3Crect x='5' y='14.6' width='22' height='2.8' rx='0.6'/%3E%3Ccircle cx='16' cy='16' r='3'/%3E%3Ccircle cx='16.00' cy='3.30' r='1.55'/%3E%3Ccircle cx='17.55' cy='4.80' r='1.55'/%3E%3Ccircle cx='14.45' cy='4.80' r='1.55'/%3E%3Ccircle cx='16.00' cy='28.70' r='1.55'/%3E%3Ccircle cx='14.45' cy='27.20' r='1.55'/%3E%3Ccircle cx='17.55' cy='27.20' r='1.55'/%3E%3Ccircle cx='3.30' cy='16.00' r='1.55'/%3E%3Ccircle cx='4.80' cy='14.45' r='1.55'/%3E%3Ccircle cx='4.80' cy='17.55' r='1.55'/%3E%3Ccircle cx='28.70' cy='16.00' r='1.55'/%3E%3Ccircle cx='27.20' cy='17.55' r='1.55'/%3E%3Ccircle cx='27.20' cy='14.45' r='1.55'/%3E%3C/g%3E%3C/svg%3E");
}

/* Section divider: gold rule · cross · gold rule (replaces the plain bar) */
.section-divider {
  width: 180px !important;
  height: 22px !important;
  background: none !important;
  border-radius: 0 !important;
  position: relative;
}
.section-divider::before {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 50%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%, var(--gold) 36%, transparent 40%,
    transparent 60%, var(--gold) 64%, transparent 100%);
}
.section-divider::after {
  content: '';
  position: absolute;
  left: 50%; top: 0;
  width: 22px; height: 22px;
  transform: translateX(-50%);
  background: var(--cross-gold) center / contain no-repeat;
}
/* left-aligned dividers (e.g. organisations page) keep working */
.section-divider[style*="margin-left:0"]::before {
  background: linear-gradient(90deg, transparent 0%, transparent 18%, var(--gold) 20%, transparent 100%);
}
.section-divider[style*="margin-left:0"]::after { left: 0; transform: none; }

/* On dark page headers, use the pale gold cross */
.cal-page-hero .section-divider::after, .org-hero .section-divider::after,
.page-hero .section-divider::after, .spon-hero .section-divider::after {
  background-image: var(--cross-light);
}
.cal-page-hero .section-divider::before, .org-hero .section-divider::before,
.page-hero .section-divider::before, .spon-hero .section-divider::before {
  background: linear-gradient(90deg,
    transparent 0%, #f0d483 36%, transparent 40%,
    transparent 60%, #f0d483 64%, transparent 100%);
}

/* Hero: small gold cross above "Welcome to", and a verse */
.hero-cross {
  display: block;
  width: 40px; height: 40px;
  margin: 0 auto 16px;
  background: var(--cross-light) center / contain no-repeat;
  filter: drop-shadow(0 1px 6px rgba(0,0,0,0.45));
}
.hero-verse {
  margin: -1.25rem auto 2.25rem;
  max-width: 560px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.1rem;
  color: rgba(255,255,255,0.85);
  text-shadow: 0 1px 6px rgba(0,0,0,0.55);
}
.hero-verse cite {
  display: block;
  margin-top: 4px;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #f0d483;
}

/* Quiet scripture line between sections — cream, not a heavy band */
.scripture-line {
  background: var(--gold-pale);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 56px 24px;
  text-align: center;
}
.scripture-line .scripture-cross {
  display: block;
  width: 26px; height: 26px;
  margin: 0 auto 14px;
  background: var(--cross-gold) center / contain no-repeat;
}
.scripture-line blockquote {
  max-width: 720px;
  margin: 0 auto;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  line-height: 1.4;
  color: var(--dark);
}
.scripture-line cite {
  display: block;
  margin-top: 12px;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
}

/* Footer: a small gold cross above the copyright line */
.footer-bottom::before {
  content: '';
  display: block;
  width: 20px; height: 20px;
  margin: 0 auto 10px;
  background: var(--cross-gold) center / contain no-repeat;
  opacity: 0.8;
}