/* =========================================================
   PRAISE CHURCH AZ — GLOBAL ELEVATED THEME
   Shared compatibility layer for legacy + current pages.
   It intentionally loads from header.php so it can visually
   unify older pages without changing their functionality.
   ========================================================= */

:root{
  --pc-ivory:#fffdf8;
  --pc-cream:#fbf6ea;
  --pc-ink:#211c16;
  --pc-copy:#585047;
  --pc-gold:#c9a43a;
  --pc-gold-deep:#765815;
  --pc-line:rgba(80,62,35,.13);
  --pc-line-gold:rgba(181,137,38,.28);
  --pc-shadow:0 16px 46px rgba(35,28,18,.065);
  --pc-shadow-soft:0 9px 28px rgba(35,28,18,.05);
  --pc-focus:0 0 0 4px rgba(181,137,38,.16);
}

/* ---------- Universal ministry-page atmosphere ---------- */
body:not(.home){
  background:
    radial-gradient(circle at 50% -170px,rgba(212,175,55,.07),transparent 430px),
    #fff !important;
  color:var(--pc-ink) !important;
}
body:not(.home) main{min-height:58vh}
body:not(.home) h1,
body:not(.home) h2,
body:not(.home) h3{
  color:var(--pc-ink) !important;
  text-wrap:balance;
}
body:not(.home) p{color:var(--pc-copy)}
body:not(.home) a{ text-underline-offset:3px }

/* ---------- Shared header: same experience everywhere ---------- */
.site-shell-header{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  background:rgba(255,253,248,.94)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(181,137,38,.20)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.78)!important;
}
.site-shell-inner{min-height:76px!important}
.site-brand-logo{filter:drop-shadow(0 7px 16px rgba(103,77,17,.10))!important}
.site-header-link{font-weight:720!important}
.site-header-prayer{color:#745719!important}
.site-menu-button{
  border:1px solid rgba(76,59,31,.16)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.site-menu-button:hover{background:var(--pc-cream)!important;border-color:var(--pc-line-gold)!important}
.final-drawer{background:#fff!important}
.final-drawer .offcanvas-list a{transition:background .16s ease,color .16s ease!important}
.final-drawer .offcanvas-list a.drawer-jesus{background:#fbf3d8!important;color:#5c430e!important}

/* ---------- Page introductions ---------- */
.reader-hero,
.page-header,
body:not(.home) .section:first-of-type{
  max-width:880px!important;
  margin-inline:auto!important;
  text-align:center!important;
  padding-top:clamp(44px,6vw,70px)!important;
  padding-bottom:clamp(24px,4vw,38px)!important;
}
.reader-hero h1,
.page-header h1,
body:not(.home) .section:first-of-type .hero-heading,
body:not(.home) .page-title{
  margin:0 auto 12px!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(40px,6vw,62px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
.reader-hero .sub,
.page-header .subheading,
body:not(.home) .hero-subtitle{
  max-width:720px!important;
  margin:0 auto!important;
  color:#625a50!important;
  font-size:1.04rem!important;
  line-height:1.8!important;
}
.rule-gold{
  width:58px!important;
  height:2px!important;
  margin:15px auto 20px!important;
  background:var(--pc-gold)!important;
  border-radius:999px!important;
}

/* ---------- Bible / Listen / Memorize: one visual system ---------- */
.reader-grid{
  width:min(1120px,calc(100% - 36px))!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0 0 58px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
.reader-grid .panel{
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--pc-line)!important;
  border-radius:22px!important;
  box-shadow:var(--pc-shadow)!important;
  overflow:hidden!important;
}
.reader-grid .panel-hd{
  padding:22px 26px 18px!important;
  background:linear-gradient(180deg,#fff,#fffdf8)!important;
  border-bottom:1px solid rgba(80,62,35,.10)!important;
}
.reader-grid .panel-hd h2{
  margin:0!important;
  font-size:clamp(24px,3vw,31px)!important;
  letter-spacing:-.02em!important;
}
.reader-grid .panel-bd{padding:clamp(22px,3vw,30px)!important}
.controls{
  gap:14px!important;
  align-items:end!important;
}
.controls label,
.form-row label{color:#342d24!important;font-weight:750!important}
.input,
input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],select,textarea{
  width:100%!important;
  min-height:48px!important;
  padding:11px 14px!important;
  border:1px solid rgba(76,60,38,.19)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#211c16!important;
  font:inherit!important;
  box-shadow:none!important;
}
textarea{min-height:140px!important;line-height:1.65!important;resize:vertical!important}
.input:focus,
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:#b58926!important;
  box-shadow:var(--pc-focus)!important;
}
.chapter-header{margin:18px 0 14px!important}
.pill{
  background:#fbf4dd!important;
  border:1px solid var(--pc-line-gold)!important;
  color:#5c430e!important;
  font-weight:800!important;
}
.verse,
.learn-box,
.verse-result{
  background:linear-gradient(180deg,#fffdf8,#fffaf0)!important;
  border:1px solid rgba(181,137,38,.18)!important;
  border-radius:15px!important;
  color:#2b251d!important;
  box-shadow:none!important;
}
.verse{padding:14px 16px!important;line-height:1.82!important}
.verse-ref{color:#765815!important;font-weight:800!important}
.mono-box{
  background:#211d17!important;
  border:1px solid #211d17!important;
  color:#fffdf8!important;
  border-radius:14px!important;
  padding:16px!important;
}
.slider{accent-color:#b58926!important}

/* Audio settings should read as secondary controls, not the ministry itself. */
.reader-grid .panel:nth-child(2) .form-row{margin-bottom:17px!important}
.reader-grid .panel:nth-child(2) .muted{font-size:.9rem!important;color:#7b7368!important}

/* ---------- Buttons everywhere ---------- */
.btn,
input[type="submit"],
button.main-button,
a.main-button,
.donate-btn{
  min-height:48px!important;
  height:auto!important;
  padding:11px 19px!important;
  border-radius:999px!important;
  font-weight:780!important;
  line-height:1.2!important;
  box-shadow:none!important;
  transition:transform .15s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.btn:hover,
input[type="submit"]:hover,
a.main-button:hover,
.donate-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 22px rgba(35,28,18,.07)!important;
}
.btn-gold,
input[type="submit"],
.main-button:not(.donate),
.donate-btn{
  background:linear-gradient(180deg,#e2c35d,#cfa839)!important;
  border:1px solid #bc9227!important;
  color:#211a0d!important;
}
.btn-light{
  background:#fff!important;
  border:1px solid rgba(76,60,38,.16)!important;
  color:#2d271f!important;
}
.btn-sm{min-height:42px!important;padding:9px 15px!important;font-size:.92rem!important}
.button-row,.btn-group,.audio-actions,.nav-actions,.read-actions{gap:9px!important}

/* ---------- Prayer / Connect / Mission / general forms ---------- */
.page-header::after{
  content:"";
  display:block;
  width:64px;
  height:1px;
  margin:24px auto 0;
  background:linear-gradient(90deg,transparent,var(--pc-gold),transparent);
}
.prayer-note{
  max-width:700px!important;
  margin:0 auto 30px!important;
  color:#5c554b!important;
  font-size:1.03rem!important;
  line-height:1.8!important;
}
.prayer-confirmation,
.success-message,
.status-good{
  max-width:820px!important;
  margin:26px auto!important;
  padding:clamp(28px,5vw,44px)!important;
  border:1px solid var(--pc-line-gold)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fffdf8,#fff9eb)!important;
  box-shadow:var(--pc-shadow-soft)!important;
}
blockquote,
.verse-box{
  max-width:760px!important;
  margin:24px auto!important;
  padding:20px 24px!important;
  background:linear-gradient(135deg,#fffaf0,#fffdf8)!important;
  border:0!important;
  border-left:3px solid var(--pc-gold)!important;
  border-radius:0 14px 14px 0!important;
  color:#393126!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:1.05rem!important;
  line-height:1.75!important;
}
.reference{color:#765815!important;font-weight:750!important}

/* Older generic cards become editorial ministry cards automatically. */
body:not(.home) .card,
body:not(.home) .giving-box,
body:not(.home) .panel:not(.reader-grid .panel){
  border:1px solid var(--pc-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--pc-shadow-soft)!important;
}
.giving-box{padding:clamp(22px,4vw,30px)!important}
.donation-grid{gap:18px!important}

/* ---------- Book page: keep its special identity, unify surfaces ---------- */
.book-page .book-access-card,
.book-page .book-review-card,
.book-founder-card{
  border-color:var(--pc-line)!important;
  box-shadow:var(--pc-shadow-soft)!important;
}
.book-page .book-access-card{background:#fffdf8!important}
.book-free-note{background:#fffaf0!important;border-left-color:var(--pc-gold)!important}

/* ---------- Legacy compact footer + new shared footer ---------- */
.footer.container{
  width:min(900px,calc(100% - 36px))!important;
  margin:32px auto 0!important;
  padding:30px 0 34px!important;
  border-top:1px solid rgba(80,62,35,.11)!important;
  text-align:center!important;
  color:#867e73!important;
  font-size:.88rem!important;
}
.site-footer,
.final-footer{
  background:#f8f3e9!important;
  border-top:1px solid rgba(76,59,31,.10)!important;
}
.site-footer .footer-inner{padding-top:32px!important;padding-bottom:30px!important}
.site-footer .socials a{color:#675b47!important;text-decoration:none!important}
.site-footer .copyright{color:#8b8276!important;font-size:.86rem!important}

/* ---------- Accessibility ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none!important;
  box-shadow:var(--pc-focus)!important;
}
::selection{background:rgba(212,175,55,.24);color:#17130d}

@media (max-width:900px){
  .reader-grid{grid-template-columns:1fr!important;width:min(720px,calc(100% - 30px))!important}
  .controls{grid-template-columns:1fr!important}
  .reader-grid .panel{border-radius:19px!important}
  .site-header-link{display:none!important}
}

@media (max-width:640px){
  .reader-hero,.page-header,body:not(.home) .section:first-of-type{padding-top:36px!important;padding-bottom:24px!important}
  .reader-hero h1,.page-header h1,body:not(.home) .page-title{font-size:clamp(36px,12vw,49px)!important}
  .reader-grid{width:calc(100% - 24px)!important}
  .reader-grid .panel-bd{padding:21px 18px!important}
  .reader-grid .panel-hd{padding:19px 18px 15px!important}
  .button-row,.btn-group,.audio-actions,.nav-actions,.read-actions{align-items:stretch!important}
  .button-row .btn,.btn-group .btn,.audio-actions .btn,.nav-actions .btn,.read-actions .btn{width:100%!important}
  blockquote,.verse-box{padding:18px!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;scroll-behavior:auto!important}
}

/* =========================================================
   NORMALIZED SHARED SHELL — self-contained header + footer
   ========================================================= */
.site-shell-header *,.final-footer *{box-sizing:border-box}
.site-shell-inner{
  width:min(1180px,calc(100% - 36px))!important;
  margin:0 auto!important;
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.site-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:var(--pc-ink)!important;
  text-decoration:none!important;
  min-width:0!important;
}
.site-brand-logo{width:58px!important;height:58px!important;object-fit:contain!important;flex:0 0 auto!important}
.site-brand-copy{display:grid!important;gap:1px!important;line-height:1.1!important}
.site-brand-copy strong{font-family:"Playfair Display",Georgia,serif!important;font-size:1.08rem!important;letter-spacing:.01em!important}
.site-brand-copy small{font-size:.72rem!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#7a6c58!important}
.site-header-actions{display:flex!important;align-items:center!important;gap:18px!important}
.site-header-link{color:#41382e!important;text-decoration:none!important;font-size:.93rem!important;white-space:nowrap!important}
.site-header-link:hover{color:var(--pc-gold-deep)!important}
.site-menu-button{
  width:43px!important;height:43px!important;border-radius:999px!important;padding:0!important;
  display:grid!important;place-content:center!important;gap:4px!important;cursor:pointer!important;
}
.site-menu-button span{display:block!important;width:17px!important;height:1.5px!important;background:#2d261e!important;border-radius:999px!important}
.nav-overlay{position:fixed!important;inset:0!important;background:rgba(25,21,16,.28)!important;z-index:89!important}
.final-drawer{
  position:fixed!important;right:0!important;top:0!important;z-index:90!important;
  width:min(390px,90vw)!important;height:100dvh!important;padding:18px 20px 20px!important;
  transform:translateX(104%)!important;transition:transform .22s ease!important;
  box-shadow:-24px 0 70px rgba(25,20,13,.14)!important;overflow:auto!important;
}
.final-drawer.open{transform:translateX(0)!important}
.offcanvas-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;padding:2px 0 15px!important;border-bottom:1px solid var(--pc-line)!important}
.offcanvas-header>div{display:grid!important;gap:3px!important}
.offcanvas-header strong{font-family:"Playfair Display",Georgia,serif!important;font-size:1.28rem!important}
.offcanvas-header small{color:#7b7165!important}
.offcanvas-close{width:38px!important;height:38px!important;border-radius:999px!important;border:1px solid var(--pc-line)!important;background:#fff!important;cursor:pointer!important;font-size:1rem!important}
.offcanvas-list{list-style:none!important;margin:14px 0 0!important;padding:0!important;display:grid!important;gap:2px!important}
.offcanvas-list a{display:block!important;padding:10px 12px!important;border-radius:11px!important;color:#302820!important;text-decoration:none!important;font-weight:650!important}
.offcanvas-list a:hover{background:#fbf7ed!important}
.offcanvas-list a.give{background:#2b251d!important;color:#fff!important;margin-top:5px!important}
body.noscroll{overflow:hidden!important}

.final-footer{
  margin-top:56px!important;
  padding:46px 20px 36px!important;
  background:#f8f3e9!important;
  border-top:1px solid rgba(76,59,31,.10)!important;
  color:#5e554a!important;
}
.final-footer-inner{width:min(1120px,100%)!important;margin:0 auto!important;text-align:center!important}
.final-footer-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin-bottom:24px!important}
.final-footer-brand img{width:52px!important;height:52px!important;object-fit:contain!important}
.final-footer-brand>div{display:grid!important;gap:2px!important;text-align:left!important}
.final-footer-brand strong{font-family:"Playfair Display",Georgia,serif!important;font-size:1.08rem!important;color:#2b251d!important}
.final-footer-brand span{font-size:.82rem!important;color:#746a5e!important}
.final-footer-nav,.final-footer-social{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px 18px!important}
.final-footer-nav{margin-bottom:18px!important}
.final-footer-social{margin-bottom:22px!important}
.final-footer-nav a,.final-footer-social a{color:#625746!important;text-decoration:none!important;font-size:.89rem!important}
.final-footer-nav a{font-weight:680!important}
.final-footer-nav a:hover,.final-footer-social a:hover{color:var(--pc-gold-deep)!important;text-decoration:underline!important}
.final-footer-copy{margin:0!important;color:#8b8173!important;font-size:.82rem!important;line-height:1.6!important}

/* No page should render a second legacy footer once the shared footer is present. */
body:has(.final-footer) > .footer.container,
body:has(.final-footer) > .site-footer{display:none!important}

@media(max-width:700px){
  .site-shell-inner{width:calc(100% - 24px)!important;min-height:68px!important}
  .site-brand-logo{width:50px!important;height:50px!important}
  .site-brand-copy strong{font-size:1rem!important}
  .site-brand-copy small{font-size:.65rem!important}
  .site-header-actions{gap:9px!important}
  .final-footer{padding:38px 18px 30px!important}
  .final-footer-nav{gap:9px 15px!important}
}

/* ---------- Archive / event / testimony pages ---------- */
.editorial-card,.testimony-card{
  width:min(860px,calc(100% - 36px))!important;
  margin:0 auto 52px!important;
  padding:clamp(28px,5vw,50px)!important;
  background:#fff!important;
  border:1px solid var(--pc-line)!important;
  border-radius:24px!important;
  box-shadow:var(--pc-shadow)!important;
}
.editorial-card p,.testimony-card p{font-size:1rem!important;line-height:1.82!important}
.testimony-card .signature{margin-top:30px!important;color:#5f5548!important}

.event-container,
.daily-bread-page main>.bread-entry,
.daily-bread-archive-page main>.bread-entry,
.daily-prayer-page main>.bread-entry,
.daily-prayer-archive-page main>.bread-entry{
  width:min(900px,calc(100% - 12px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.event-card,.bread-entry,.no-events{
  background:#fff!important;
  border:1px solid var(--pc-line)!important;
  border-radius:20px!important;
  padding:clamp(22px,4vw,34px)!important;
  box-shadow:var(--pc-shadow-soft)!important;
  margin-bottom:18px!important;
}
.event-card time{display:block!important;color:#8a7550!important;font-weight:700!important;font-size:.82rem!important;letter-spacing:.05em!important;text-transform:uppercase!important;margin-bottom:8px!important}
.event-card h2,.bread-entry h2{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(24px,4vw,32px)!important;margin:0 0 12px!important}
.event-card p,.bread-entry p{line-height:1.75!important}
.event-card .button,
.daily-bread-page .main-button,
.daily-prayer-page .main-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:11px 16px!important;margin:8px 8px 0 0!important;
  border-radius:999px!important;border:1px solid rgba(181,137,38,.35)!important;
  background:#fffaf0!important;color:#5f4813!important;text-decoration:none!important;font-weight:700!important;
}
.event-card .button:hover,.daily-bread-page .main-button:hover,.daily-prayer-page .main-button:hover{background:#f7efd9!important}
.bread-entry iframe{border:0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:var(--pc-shadow-soft)!important}
.bread-entry .caption{font-family:"Playfair Display",Georgia,serif!important;font-size:1.08rem!important;color:#3d342a!important}
.no-events{text-align:center!important;color:#6e6559!important;line-height:1.7!important}
.pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin:34px auto 8px!important;flex-wrap:wrap!important}
.pagination a{display:inline-flex!important;min-height:42px!important;align-items:center!important;padding:9px 15px!important;border:1px solid var(--pc-line-gold)!important;border-radius:999px!important;text-decoration:none!important;color:#5e4714!important;background:#fffaf0!important;font-weight:700!important}
.pagination span{color:#766b5e!important;font-size:.9rem!important}

@media(max-width:640px){
  .editorial-card,.testimony-card{width:calc(100% - 24px)!important;padding:24px 20px!important}
  .event-container,.daily-bread-page main>.bread-entry,.daily-bread-archive-page main>.bread-entry,.daily-prayer-page main>.bread-entry,.daily-prayer-archive-page main>.bread-entry{width:100%!important}
  .event-card,.bread-entry,.no-events{border-radius:17px!important;padding:22px 18px!important}
}

/* =========================================================
   Learn the Bible navigation group
   ========================================================= */
.site-learn-menu{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}
.site-learn-trigger{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  font:inherit!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
}
.site-learn-trigger span{
  font-size:.78rem!important;
  transform:translateY(-1px)!important;
  transition:transform .16s ease!important;
}
.site-learn-trigger[aria-expanded="true"] span{transform:rotate(180deg)!important}
.site-learn-popover{
  position:absolute!important;
  top:calc(100% + 16px)!important;
  right:-18px!important;
  width:min(360px,calc(100vw - 32px))!important;
  padding:10px!important;
  border:1px solid rgba(112,87,40,.17)!important;
  border-radius:18px!important;
  background:#fffdf8!important;
  box-shadow:0 22px 58px rgba(40,32,22,.16)!important;
  z-index:120!important;
}
.site-learn-popover[hidden]{display:none!important}
.site-learn-popover a{
  display:grid!important;
  gap:2px!important;
  padding:12px 13px!important;
  border-radius:12px!important;
  text-decoration:none!important;
  color:#2f2922!important;
}
.site-learn-popover a:hover{background:#f8f2e5!important}
.site-learn-popover strong{
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:1rem!important;
  color:#2f2922!important;
}
.site-learn-popover span{
  font-size:.8rem!important;
  line-height:1.45!important;
  color:#766c60!important;
}

.drawer-group{
  margin:4px 0 5px!important;
  padding:8px 9px 9px!important;
  border:1px solid rgba(181,137,38,.22)!important;
  border-radius:15px!important;
  background:#fffdf8!important;
}
.drawer-group-title{
  padding:1px 3px 6px!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:1.03rem!important;
  font-weight:700!important;
  color:#4e3d20!important;
}
.drawer-subnav{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
}
.drawer-subnav a{
  padding:9px 10px!important;
  background:#fff!important;
  border:1px solid rgba(80,62,35,.08)!important;
  font-size:.9rem!important;
  text-align:center!important;
}
.drawer-subnav a:hover{background:#f8f2e5!important}

.footer-learn-group{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
}
.footer-learn-group>span{
  font-family:"Playfair Display",Georgia,serif!important;
  font-weight:700!important;
  color:#4d402f!important;
}
.footer-learn-links{
  display:inline-flex!important;
  flex-wrap:wrap!important;
  gap:7px 11px!important;
  align-items:center!important;
}
.footer-learn-links a{
  font-weight:600!important;
  font-size:.84rem!important;
  color:#756958!important;
}
.footer-learn-links a:not(:last-child)::after{
  content:"·"!important;
  margin-left:11px!important;
  color:#b89b61!important;
}

@media (max-width:780px){
  .site-learn-menu{display:none!important}
  .footer-learn-group{width:100%!important}
}


/* =========================================================
   GLORY REFINEMENT — quieter hierarchy, faster navigation
   The drawer should feel like an invitation, not an app menu.
   ========================================================= */
.offcanvas-header strong{
  font-size:1.18rem!important;
  letter-spacing:-.01em!important;
}
.offcanvas-header small{
  font-size:.72rem!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.offcanvas-list > li > a{
  font-size:.96rem!important;
  line-height:1.2!important;
}
.offcanvas-list a.drawer-jesus{
  padding:11px 12px!important;
  border:1px solid rgba(181,137,38,.16)!important;
}
.drawer-group{
  box-shadow:0 8px 26px rgba(60,46,24,.025)!important;
}
.drawer-group-title{
  font-size:.98rem!important;
  letter-spacing:-.01em!important;
}
.drawer-subnav a{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.drawer-secondary-start{
  margin-top:5px!important;
  padding-top:7px!important;
  border-top:1px solid rgba(80,62,35,.09)!important;
}
.final-drawer a[aria-current="page"]:not(.give){
  color:#684d12!important;
  background:#fbf4dd!important;
}
.site-learn-trigger.is-current{
  color:var(--pc-gold-deep)!important;
}
.final-drawer::-webkit-scrollbar{width:8px!important}
.final-drawer::-webkit-scrollbar-thumb{
  background:rgba(100,82,55,.20)!important;
  border-radius:999px!important;
}
.final-drawer::-webkit-scrollbar-track{background:transparent!important}

/* Keep the full ministry path visible on ordinary laptop screens. */
@media (min-width:701px) and (max-height:820px){
  .final-drawer{padding-top:14px!important;padding-bottom:14px!important}
  .offcanvas-header{padding-bottom:11px!important}
  .offcanvas-list{margin-top:10px!important}
  .offcanvas-list a{padding-top:8px!important;padding-bottom:8px!important}
  .offcanvas-list a.drawer-jesus{padding-top:9px!important;padding-bottom:9px!important}
  .drawer-group{padding:7px 8px 8px!important;margin:3px 0 4px!important}
  .drawer-group-title{padding-bottom:5px!important}
  .drawer-subnav a{min-height:39px!important;padding:7px 9px!important}
}

@media (max-width:700px){
  .final-drawer{width:min(380px,94vw)!important;padding:16px 17px 18px!important}
  .offcanvas-list{margin-top:12px!important}
  .offcanvas-list a{padding:10px 11px!important}
  .drawer-group{padding:8px!important}
  .drawer-subnav a{min-height:42px!important}
}


/* =========================================================
   SHEPHERD PATH — new believer and growing believer guidance
   ========================================================= */
.site-learn-popover a.learn-start{
  margin-bottom:6px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(181,137,38,.18)!important;
  border-radius:12px 12px 4px 4px!important;
}
.drawer-group-title a{
  color:inherit!important;
  text-decoration:none!important;
  padding:0!important;
  background:transparent!important;
  font:inherit!important;
}
.drawer-group-title a:hover{
  color:var(--pc-gold-deep)!important;
  background:transparent!important;
}
.footer-learn-title{
  font-family:"Playfair Display",Georgia,serif!important;
  font-weight:700!important;
  color:#4d402f!important;
  text-decoration:none!important;
  font-size:.92rem!important;
}
.footer-learn-title:hover{color:var(--pc-gold-deep)!important;text-decoration:underline!important}


/* =========================================================
   CONNECT PAGE — tablet-safe pastoral layout
   ========================================================= */
.connect-page main{overflow:hidden}
.connect-page .connect-hero{
  width:min(900px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding-top:clamp(46px,7vw,78px)!important;
  padding-bottom:clamp(30px,5vw,48px)!important;
  text-align:center!important;
}
.connect-page .connect-hero .subheading{
  max-width:760px!important;
  margin-inline:auto!important;
}
.connect-start{
  width:min(1120px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding:0 0 clamp(48px,7vw,72px)!important;
}
.connect-intro{
  max-width:760px!important;
  margin:0 auto 28px!important;
  text-align:center!important;
}
.connect-intro h2{
  margin:0 0 12px!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(30px,4vw,42px)!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
.connect-intro p{
  margin:0!important;
  color:#625a50!important;
  font-size:1.02rem!important;
  line-height:1.8!important;
}
.connect-path-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.connect-path{
  min-width:0!important;
  min-height:210px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  padding:25px 24px!important;
  border:1px solid rgba(181,137,38,.23)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#fffdf8)!important;
  color:#2a241d!important;
  text-decoration:none!important;
  box-shadow:0 10px 28px rgba(35,28,18,.045)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.connect-path:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(181,137,38,.42)!important;
  box-shadow:0 14px 34px rgba(35,28,18,.065)!important;
}
/* Keep the page editorial and mature; the words carry the path. */
.connect-path>span[aria-hidden="true"]{display:none!important}
.connect-path strong{
  display:block!important;
  margin:0 0 10px!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:1.38rem!important;
  line-height:1.15!important;
  color:#2b241b!important;
}
.connect-path small{
  display:block!important;
  margin:0!important;
  color:#6a6258!important;
  font:400 .94rem/1.7 "Inter",sans-serif!important;
}
.connect-form-section{
  width:100%!important;
  padding:clamp(48px,7vw,76px) 18px!important;
  background:linear-gradient(180deg,#faf6ed,#f7f1e5)!important;
  border-top:1px solid rgba(181,137,38,.13)!important;
}
.connect-form-card{
  width:min(920px,100%)!important;
  margin:0 auto!important;
  padding:clamp(28px,5vw,48px)!important;
  border:1px solid rgba(181,137,38,.21)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(35,28,18,.065)!important;
}
.connect-form-card>.eyebrow,
.connect-success>.eyebrow{text-align:left!important}
.connect-form-card h2,
.connect-success h2{
  margin:0 0 12px!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(31px,4.5vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
.connect-form-lead{
  max-width:760px!important;
  margin:0 0 28px!important;
  color:#625a50!important;
  line-height:1.75!important;
}
.connect-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 20px!important;
}
.connect-grid .field{min-width:0!important}
.connect-grid .field-wide{grid-column:1 / -1!important}
.connect-grid label{
  display:block!important;
  margin:0 0 7px!important;
  color:#322b23!important;
  font-weight:700!important;
}
.connect-page .input,
.connect-page select,
.connect-page textarea,
.connect-page input[type="text"],
.connect-page input[type="email"],
.connect-page input[type="tel"]{
  box-sizing:border-box!important;
  max-width:100%!important;
}
.connect-textarea{min-height:150px!important}
.connect-textarea-sm{min-height:88px!important}
.check-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  margin:22px 0!important;
  padding:16px 18px!important;
  border:1px solid rgba(80,62,35,.11)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  color:#4f473d!important;
  line-height:1.6!important;
}
.check-row input{
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin-top:3px!important;
}
.membership-declaration{
  margin:26px 0!important;
  padding:24px!important;
  border:1px solid rgba(181,137,38,.23)!important;
  border-radius:18px!important;
  background:#fffaf0!important;
}
.membership-kicker{
  margin:0 0 8px!important;
  color:#8a6a1e!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.membership-declaration blockquote{
  margin:18px 0!important;
  max-width:none!important;
}
.form-alert{
  margin:0 0 22px!important;
  padding:14px 16px!important;
  border-radius:12px!important;
  background:#fff1ef!important;
  color:#8a2c25!important;
  font-weight:650!important;
}
.connect-submit{margin-top:4px!important}
.connect-success .actions{margin-top:22px!important}

/* iPad / tablet: two calm cards instead of four squeezed columns. */
@media (max-width:1100px){
  .connect-start{width:min(820px,calc(100% - 34px))!important}
  .connect-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .connect-path{min-height:176px!important}
  .connect-form-card{width:min(860px,100%)!important}
}

/* Portrait iPad and smaller tablets: form fields stack so labels never cramp. */
@media (max-width:820px){
  .connect-page .connect-hero{width:min(700px,calc(100% - 28px))!important}
  .connect-start{width:min(700px,calc(100% - 28px))!important}
  .connect-grid{grid-template-columns:1fr!important}
  .connect-grid .field-wide{grid-column:auto!important}
  .connect-form-section{padding-left:14px!important;padding-right:14px!important}
  .connect-form-card{border-radius:20px!important}
}

@media (max-width:560px){
  .connect-path-grid{grid-template-columns:1fr!important}
  .connect-path{min-height:0!important;padding:22px 20px!important}
  .connect-form-card{padding:25px 19px!important}
  .check-row{padding:14px!important}
  .connect-submit{width:100%!important}
}