/* ═══════════════════════════════════════════════════════════════════════════════
   EBC MEMPHIS · v3 HOME · 2026-10-15
   Pastor Clark approved the redesign prototype ("I love it that is awesome" ·
   "Yes, lets build!"). This sheet styles the new home that ebc-v3.js assembles.

   Rules this file keeps:
   · Every rule is scoped under body.v3, so removing class="v3" from <body> (and the
     script tag for ebc-v3.js) puts the app back exactly as it was.
   · It restyles the FRAME (header, sections, headings, board, tiles, nav). It does not
     restyle the inside of existing cards, which carry their own designs.
   · Light only. The existing cards are drawn for a light ground.
   Layout: one calm website-style page in titled rooms · sticky header + jump bar ·
   phone tab bar · events as a 3-column board on wide screens, stacked on phones.
   ═══════════════════════════════════════════════════════════════════════════════ */
body.v3 {
  --v3-ink:#0d1a2e;        /* navy: headings, dark bands */
  --v3-paper:#f4f5f8;      /* page ground */
  --v3-card:#ffffff;
  --v3-gold:#a5843a;       /* the logo's gold */
  --v3-gold-hi:#c9a75a;    /* gold on navy */
  --v3-gold-soft:#f1e9d4;
  --v3-text:#1b2433;
  --v3-muted:#5b6474;
  --v3-line:#dfe2e8;
  --v3-shadow:0 1px 2px rgba(13,26,46,.06),0 8px 24px rgba(13,26,46,.07);
  --v3-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --v3-body:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--v3-paper) !important;
  color:var(--v3-text);
  font-family:var(--v3-body);
}
html.v3-html{scroll-padding-top:calc(122px + env(safe-area-inset-top,0px))}

/* ── Old frame pieces the new home replaces (kept in the page, just not shown) ── */
body.v3 > .header{display:none !important}
body.v3 #v3-vault{display:none !important}

/* ── Splash: Pastor Clark's portrait, the words over the lower part (pass 2) ── */
body.v3 #splash{background:radial-gradient(110% 70% at 50% 35%,#1d3a68 0%,#0a1426 58%,#050a14 100%) !important;
  display:block;padding:0;overflow:hidden;text-align:center}
body.v3 #splash .v3s-glow{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 14vh);width:min(86vw,460px);height:min(86vw,460px);transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(216,182,94,.40) 0%,rgba(216,182,94,.10) 46%,rgba(216,182,94,0) 70%);animation:v3glow 1.8s ease both}
body.v3 #splash .v3s-photo{position:absolute;left:50%;bottom:0;height:min(74vh,760px);transform:translateX(-50%);animation:v3photo 1.2s cubic-bezier(.2,.7,.2,1) both}
body.v3 #splash .v3s-photo img{height:100%;width:auto;display:block}
body.v3 #splash .v3s-text{position:absolute;left:0;right:0;bottom:0;padding:90px 24px calc(34px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px;
  background:linear-gradient(180deg,rgba(5,10,20,0) 0%,rgba(5,10,20,.82) 38%,rgba(5,10,20,.96) 100%)}
body.v3 #splash .v3s-logo{width:58px;height:58px;animation:v3rise .9s .35s ease both}
body.v3 #splash .v3s-name{font-family:var(--v3-display);font-size:34px;font-weight:600;color:#f1ead8;letter-spacing:.02em;line-height:1.1;margin:0;animation:v3rise .9s .5s ease both}
body.v3 #splash .v3s-rule{width:60px;height:2px;background:var(--v3-gold-hi);animation:v3grow .8s .75s ease both}
body.v3 #splash .v3s-city{font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--v3-gold-hi);margin:0;animation:v3rise .8s .85s ease both}
body.v3 #splash .v3s-verse{font-family:var(--v3-display);font-style:italic;font-size:19px;color:#cfd4de;max-width:30ch;margin:2px 0 0;line-height:1.35;animation:v3rise .8s 1.05s ease both}
body.v3 #splash .v3s-verse span{display:block;font-style:normal;font-family:var(--v3-body);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#9aa3b3;margin-top:5px}
@keyframes v3rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v3grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes v3photo{from{opacity:0;transform:translateX(-50%) translateY(24px) scale(1.03)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes v3glow{0%{opacity:0;transform:translateX(-50%) scale(.85)}60%{opacity:1}100%{opacity:1;transform:translateX(-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){body.v3 #splash *{animation:none !important}}

/* ── Sticky header + jump bar ───────────────────────────────────────────────── */
body.v3 .v3-top{position:sticky;top:0;padding-top:env(safe-area-inset-top,0px);z-index:7000;background:rgba(244,245,248,.985);
  -webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--v3-line)}
body.v3 .v3-wrap{max-width:1140px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
body.v3 .v3-brandrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}
body.v3 .v3-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0;background:none;border:0;padding:0;cursor:pointer;text-align:left}
body.v3 .v3-brand img{width:40px;height:40px;flex:none}
body.v3 .v3-brand b{display:block;font-family:var(--v3-display);font-size:23px;line-height:1;color:var(--v3-ink);font-weight:700}
body.v3 .v3-brand small{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--v3-muted);margin-top:3px}
body.v3 .v3-acts{display:flex;gap:8px;align-items:center}
body.v3 .v3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 20px;font:700 15px/1.1 var(--v3-body);
  border:1.5px solid transparent;text-decoration:none;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent}
body.v3 .v3-btn-gold{background:var(--v3-gold);color:#fff}
body.v3 .v3-btn-line{background:var(--v3-card);color:var(--v3-text);border-color:var(--v3-line)}
body.v3 .v3-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
body.v3 .v3-btn-navy{background:var(--v3-ink);color:#fff}
body.v3 .v3-top .v3-btn{padding:9px 16px;min-height:40px;font-size:14px}
body.v3 .v3-desk{display:none}
body.v3 .v3-jump{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:10px;-webkit-overflow-scrolling:touch}
body.v3 .v3-jump::-webkit-scrollbar{display:none}
body.v3 .v3-jump a{flex:none;text-decoration:none;font-size:14px;font-weight:700;color:var(--v3-muted);padding:8px 14px;border-radius:999px;
  border:1px solid var(--v3-line);background:var(--v3-card);white-space:nowrap}
body.v3 .v3-jump a.on{background:var(--v3-ink);color:#fff;border-color:var(--v3-ink)}

/* ── Main column becomes a full-width page ─────────────────────────────────── */
body.v3 .main{max-width:none !important;margin:0 !important;padding:0 0 calc(110px + env(safe-area-inset-bottom,0px)) !important;background:transparent !important}

/* ── Hero: the Verse of the Day leads, the next two events count down ──────── */
body.v3 .v3-hero{background:var(--v3-ink);color:#eef0f4;position:relative;overflow:hidden}
body.v3 .v3-hero::after{content:"";position:absolute;right:-140px;top:-90px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(201,167,90,.18);pointer-events:none}
body.v3 .v3-hero .v3-wrap{display:grid;gap:26px;padding-block:34px 56px;position:relative;z-index:1}
body.v3 .v3-eyebrow{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--v3-gold)}
body.v3 .v3-hero .v3-eyebrow{color:var(--v3-gold-hi)}
body.v3 .v3-hero #votd-block{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;text-align:left !important}
body.v3 .v3-hero .votd-eyebrow{color:var(--v3-gold-hi) !important;font-size:12px !important;letter-spacing:.16em !important;font-weight:800 !important;justify-content:flex-start !important}
body.v3 .v3-hero .votd-verse{font-family:var(--v3-display) !important;color:#f1ead8 !important;font-size:clamp(27px,5.2vw,44px) !important;line-height:1.2 !important;font-weight:600 !important;font-style:normal !important;margin:10px 0 0 !important;text-wrap:balance}
body.v3 .v3-hero .votd-ref{color:var(--v3-gold-hi) !important;font-size:14px !important;font-weight:700 !important;letter-spacing:.06em !important;margin-top:12px !important;text-align:left !important}
body.v3 .v3-hero-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
body.v3 .v3-hero-cta .v3-btn{padding:10px 8px;font-size:14px;line-height:1.15;text-align:center;min-height:52px}
body.v3 .v3-service{font-size:15px;color:#c3c9d4;margin-top:16px}
body.v3 .v3-service b{color:#fff}
body.v3 .v3-counts{display:grid;gap:12px;align-content:start}
body.v3 .v3-count{border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:15px 17px;background:rgba(255,255,255,.045);text-align:left;color:inherit;font:inherit;cursor:pointer;width:100%}
body.v3 .v3-count .l{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-gold-hi);font-weight:800}
body.v3 .v3-count .t{font-family:var(--v3-display);font-size:24px;color:#f1ead8;margin:3px 0 10px;line-height:1.15;font-weight:600}
body.v3 .v3-count .n{display:flex;gap:16px;font-variant-numeric:tabular-nums}
body.v3 .v3-count .n div{display:flex;flex-direction:column}
body.v3 .v3-count .n b{font-size:30px;font-weight:800;color:#fff;line-height:1}
body.v3 .v3-count .n span{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9aa3b3;margin-top:5px}

/* ── Quick actions ──────────────────────────────────────────────────────────── */
body.v3 .v3-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:-30px;position:relative;z-index:2}
body.v3 .v3-q{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:15px 8px;color:var(--v3-text);box-shadow:var(--v3-shadow);
  display:flex;flex-direction:column;align-items:center;gap:8px;font:700 14px/1.2 var(--v3-body);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
body.v3 .v3-q svg{width:26px;height:26px;stroke:var(--v3-gold);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ── Sections ───────────────────────────────────────────────────────────────── */
body.v3 .v3-sec{padding-block:40px;border-top:1px solid var(--v3-line)}
body.v3 .v3-sec.first{border-top:0;padding-top:30px}
body.v3 .v3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:20px}
body.v3 .v3-head > div{min-width:0}
body.v3 .v3-head h2{font-family:var(--v3-display);font-size:clamp(31px,5vw,44px);line-height:1.08;color:var(--v3-ink);font-weight:600;margin:5px 0 0;text-wrap:balance}
body.v3 .v3-head p{color:var(--v3-muted);max-width:56ch;margin:7px 0 0;font-size:16px;line-height:1.55}
body.v3 .v3-col{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
body.v3 .v3-col > *{margin-left:0 !important;margin-right:0 !important}
body.v3 .v3-col > *:not(:last-child){margin-bottom:0 !important}
body.v3 .v3-col > .collapsible-body{margin-top:-8px !important}

/* Old section labels inside the new rooms are replaced by the room's own heading */
body.v3 .v3-sec p.section-label{display:none !important}
body.v3 .v3-sec h2.section-title{display:none !important}
body.v3 .v3-sec .collapsible-header h2.section-title{display:block !important}

/* Fold bars: the arrow carries words (Pastor Clark: arrows need a written prompt) */
body.v3 .v3-sec .collapsible-header{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;border-radius:14px !important;padding:15px 16px !important;box-shadow:var(--v3-shadow)}
body.v3 .v3-sec .collapsible-header h2.section-title{font-family:var(--v3-body) !important;font-size:17px !important;font-weight:800 !important;color:var(--v3-ink) !important;margin:0 !important}
body.v3 .v3-sec .collapse-chevron{font-size:0 !important;display:inline-flex;align-items:center;gap:6px;transform:none !important}
body.v3 .v3-sec .collapse-chevron::before{content:"Tap to close";font:800 12px/1 var(--v3-body);letter-spacing:.06em;color:var(--v3-gold);background:var(--v3-gold-soft);border-radius:999px;padding:7px 11px}
body.v3 .v3-sec .collapsible-header.collapsed .collapse-chevron::before{content:"Tap to open"}

/* ── Events board (Pastor Clark's sketch) ──────────────────────────────────── */
body.v3 .v3-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
body.v3 .v3-filter button{border:1px solid var(--v3-line);background:var(--v3-card);color:var(--v3-muted);border-radius:999px;padding:9px 15px;font:700 14px/1 var(--v3-body);cursor:pointer}
body.v3 .v3-filter button.on{background:var(--v3-ink);color:#fff;border-color:var(--v3-ink)}
body.v3 .v3-board{display:grid;gap:14px}
body.v3 .v3-ev{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:18px;display:grid;grid-template-columns:108px minmax(0,1fr);overflow:hidden;box-shadow:var(--v3-shadow)}
body.v3 .v3-ev-img{position:relative;border:0;padding:0;margin:0;background:var(--v3-ink);display:block;cursor:pointer;min-height:156px;overflow:hidden}
body.v3 .v3-ev-img img:not(.v3-badge){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
body.v3 .v3-ev-img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;font-family:var(--v3-display);font-size:21px;line-height:1.1;color:var(--v3-gold-hi);text-align:center}
body.v3 .v3-ev-img .pop{position:absolute;left:6px;right:6px;bottom:6px;background:rgba(13,26,46,.88);color:#fff;font:800 11px/1.2 var(--v3-body);letter-spacing:.03em;border-radius:8px;padding:6px 4px;text-align:center}
body.v3 .v3-ev-mid{padding:14px 16px;min-width:0;display:flex;flex-direction:column;gap:5px}
body.v3 .v3-ev-mid .tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--v3-gold)}
body.v3 .v3-ev-mid h3{font-family:var(--v3-display);font-size:24px;line-height:1.12;color:var(--v3-ink);font-weight:600;margin:0}
body.v3 .v3-ev-mid .when{font-weight:800;font-size:15px;color:var(--v3-text)}
body.v3 .v3-ev-mid .hl{color:var(--v3-muted);font-size:15px;line-height:1.5;margin:0}
body.v3 .v3-ev-side{grid-column:1/-1;display:flex;gap:8px;padding:0 16px 14px;flex-wrap:wrap;align-items:center}
body.v3 .v3-ev-side .date{display:none}
body.v3 .v3-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--v3-line);border-radius:999px;padding:9px 15px;
  font:800 13.5px/1.1 var(--v3-body);background:var(--v3-card);color:var(--v3-text);min-height:42px;cursor:pointer;text-decoration:none}
body.v3 .v3-chip.primary{background:var(--v3-ink);color:#fff;border-color:var(--v3-ink)}
body.v3 .v3-chip.on{background:var(--v3-gold-soft);border-color:var(--v3-gold);color:var(--v3-ink)}
body.v3 .v3-empty{color:var(--v3-muted);padding:12px 2px;font-size:16px}
body.v3 .v3-board-foot{margin-top:16px;color:var(--v3-muted);font-size:15px}
body.v3 .v3-board-foot button{background:none;border:0;padding:0;color:var(--v3-gold);font:800 15px var(--v3-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ── Crisis lines: always on the home page (with Prayer) ─────────────────── */
body.v3 .v3-help{border:1px solid;background:#f6f1ff;border-color:#e2d6fb;border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.6;color:var(--v3-text)}
body.v3 .v3-help b{color:var(--v3-ink)}
body.v3 .v3-help a{color:#5b21b6;font-weight:800;text-decoration:underline;text-underline-offset:2px}

/* ── Ministry badges: small, just visible ──────────────────────────────────── */
body.v3 .v3-badge{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 2px 8px rgba(13,26,46,.28);background:#fff;flex:none;display:block}
body.v3 .v3-ev-img .v3-badge{position:absolute;left:8px;top:8px;right:auto;bottom:auto;width:34px;height:34px;object-fit:cover;z-index:2}
body.v3 .v3-tile{position:relative}
body.v3 .v3-tile .v3-badge{position:absolute;right:14px;top:14px;width:32px;height:32px}
body.v3 .v3-tile h3{padding-right:40px}
body.v3 .v3-head .v3-badge{width:48px;height:48px;align-self:center}

/* ── Ministry tiles ─────────────────────────────────────────────────────────── */
body.v3 .v3-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.v3 .v3-tile{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:6px;text-align:left;
  color:var(--v3-text);font:inherit;cursor:pointer;min-width:0;box-shadow:var(--v3-shadow);-webkit-tap-highlight-color:transparent;text-decoration:none}
body.v3 .v3-tile h3{font-family:var(--v3-display);font-size:23px;line-height:1.1;color:var(--v3-ink);font-weight:600;margin:0}
body.v3 .v3-tile p{color:var(--v3-muted);font-size:14px;line-height:1.45;margin:0}
body.v3 .v3-tile .w{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0A6E6E;margin-top:auto;padding-top:6px}
body.v3 .v3-tile .go{font-size:13px;font-weight:800;color:var(--v3-gold)}

/* ── Pastor intro ───────────────────────────────────────────────────────────── */
body.v3 .v3-pastor{display:grid;gap:18px;align-items:center;grid-template-columns:96px minmax(0,1fr)}
body.v3 .v3-pastor img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--v3-gold-soft)}
body.v3 .v3-pastor b{display:block;font-family:var(--v3-display);font-size:26px;line-height:1.1;color:var(--v3-ink);font-weight:600}
body.v3 .v3-pastor span{display:block;color:var(--v3-muted);font-size:15px;margin-top:4px}

/* ── Feature band (this month) ─────────────────────────────────────────────── */
body.v3 #v3-feature{background:linear-gradient(180deg,#f7eef2 0%,var(--v3-paper) 100%)}

/* ── Member of the Month: same row size as the events (Pastor Clark, 2026-10-15) ── */
body.v3 .v3-ev.motm .when{color:#0A6E6E}
body.v3 .v3-ev .spons{font-size:13px;color:var(--v3-muted);border-top:1px dashed var(--v3-line);padding-top:8px;margin-top:2px}
body.v3 .v3-ev .spons b{color:var(--v3-text)}

/* ── Leaders area + footer ──────────────────────────────────────────────────── */
body.v3 .v3-leaders{background:#e9ecf1}
body.v3 .v3-foot{background:var(--v3-ink);color:#9aa3b3;padding-block:34px;font-size:14px}
body.v3 .v3-foot .v3-wrap{display:grid;gap:14px}
body.v3 .v3-foot b{color:#f1ead8;font-family:var(--v3-display);font-size:23px;font-weight:600}
body.v3 .v3-foot a{color:#e6e9ef}

/* ── Pop-out sheet ──────────────────────────────────────────────────────────── */
body.v3 .v3-sheet-bg{position:fixed;inset:0;z-index:8500;background:rgba(5,10,20,.68);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
body.v3 .v3-sheet-bg.open{opacity:1;visibility:visible}
body.v3 .v3-sheet{background:var(--v3-paper);width:100%;max-width:600px;max-height:92vh;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:22px 22px 0 0;
  padding:0 max(14px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
body.v3 .v3-sheet-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--v3-paper);padding:14px 0 12px;border-bottom:1px solid var(--v3-line);margin-bottom:14px}
body.v3 .v3-sheet-bar b{font-family:var(--v3-display);font-size:24px;color:var(--v3-ink);font-weight:600;line-height:1.1;min-width:0}
body.v3 .v3-sheet-x{flex:none;border:0;background:var(--v3-ink);color:#fff;border-radius:999px;padding:10px 16px;font:800 14px/1 var(--v3-body);cursor:pointer;min-height:42px}
body.v3 .v3-sheet-body{display:flex;flex-direction:column;gap:14px}
body.v3 .v3-sheet-body > *{margin-left:0 !important;margin-right:0 !important}
body.v3 .v3-sheet-acts{display:flex;gap:8px;flex-wrap:wrap}
body.v3.v3-locked{overflow:hidden}

body.v3 .v3-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(16px);background:var(--v3-ink);color:#fff;
  padding:13px 18px;border-radius:12px;font:700 15px/1.4 var(--v3-body);z-index:9990;opacity:0;transition:.25s;pointer-events:none;max-width:calc(100% - 32px);text-align:center;box-shadow:var(--v3-shadow)}
body.v3 .v3-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── Bottom tab bar ─────────────────────────────────────────────────────────── */
body.v3 .bottom-nav{background:rgba(255,255,255,.97) !important;border-top:1px solid var(--v3-line) !important;box-shadow:0 -4px 20px rgba(13,26,46,.06) !important}
body.v3 .bnav-btn .bnav-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
body.v3 .bnav-btn{color:var(--v3-muted) !important}
body.v3 .bnav-btn .bnav-label{color:inherit !important;font-family:var(--v3-body) !important;font-weight:800 !important;font-size:11px !important}
body.v3 .bnav-btn.active{color:var(--v3-gold) !important}

/* ── Focus ──────────────────────────────────────────────────────────────────── */
body.v3 .v3-top a:focus-visible,body.v3 .v3-top button:focus-visible,body.v3 .v3-q:focus-visible,body.v3 .v3-chip:focus-visible,
body.v3 .v3-tile:focus-visible,body.v3 .v3-btn:focus-visible,body.v3 .v3-ev-img:focus-visible,body.v3 .v3-sheet-x:focus-visible,body.v3 .v3-filter button:focus-visible{outline:3px solid var(--v3-gold);outline-offset:2px}

/* ── Wider screens: the website feel ────────────────────────────────────────── */
@media (min-width:760px){
  body.v3 .v3-desk{display:inline-flex}
  body.v3 .v3-hero-cta{display:flex;flex-wrap:nowrap;gap:10px}
  body.v3 .v3-hero-cta .v3-btn{padding:12px 20px;font-size:15px;white-space:nowrap;min-height:46px}
  body.v3 .v3-hero .v3-wrap{grid-template-columns:1.35fr 1fr;align-items:center;padding-block:46px 64px}
  body.v3 .v3-quick{grid-template-columns:repeat(6,1fr)}
  body.v3 .v3-ev{grid-template-columns:200px minmax(0,1fr) 196px}
  body.v3 .v3-ev-img{min-height:184px}
  body.v3 .v3-ev-img .v3-badge{width:40px;height:40px;left:10px;top:10px}
  body.v3 .v3-ev-mid{padding:18px 22px}
  body.v3 .v3-ev-side{grid-column:auto;flex-direction:column;align-items:stretch;justify-content:center;padding:16px;border-left:1px solid var(--v3-line)}
  body.v3 .v3-ev-side .date{display:block;text-align:center;margin-bottom:4px}
  body.v3 .v3-ev-side .date .m{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--v3-gold)}
  body.v3 .v3-ev-side .date .d{font-family:var(--v3-display);font-size:46px;font-weight:700;color:var(--v3-ink);line-height:1}
  body.v3 .v3-ev-side .date .w{font-size:13px;color:var(--v3-muted)}
  body.v3 .v3-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.v3 .v3-sheet-bg{align-items:center;padding:24px}
  body.v3 .v3-sheet{border-radius:22px}
}
@media (min-width:1100px){
  body.v3 .v3-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Tab bar spans the screen on every width (the retired desktop skin used to do this) */
body.v3 .bottom-nav{left:0 !important;right:0 !important;max-width:none !important;transform:none !important;width:auto !important}


/* ═══════════════════════════════════════════════════════════════════════════════
   PASS 2 · 2026-10-15 — Pastor Clark: "I want your design from top to bottom."
   ═══════════════════════════════════════════════════════════════════════════════ */
/* The old page writes its own "Tap to open" after fold headers; the v3 pill replaces it */
body.v3 .v3-sec .collapsible-header::after,body.v3 .v3-sheet .collapsible-header::after{content:none !important;display:none !important}

/* ── Our Pastor: the welcome band ───────────────────────────────────────────── */
body.v3 #v3-word .v3-col{max-width:1140px}
body.v3 .v3-welcome{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:24px;overflow:hidden;color:#eef0f4;
  background:radial-gradient(120% 80% at 50% 0%,#1d3a68 0%,#0d1a2e 62%,#08111f 100%);box-shadow:0 18px 44px rgba(13,26,46,.22)}
body.v3 .v3-welcome::after{content:"";position:absolute;inset:10px;border:1px solid rgba(216,182,94,.28);border-radius:18px;pointer-events:none}
body.v3 .v3-wel-photo{position:relative;height:310px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}
body.v3 .v3-wel-photo::before{content:"";position:absolute;left:50%;bottom:30px;width:300px;height:300px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(216,182,94,.42) 0%,rgba(216,182,94,.12) 45%,rgba(216,182,94,0) 70%)}
body.v3 .v3-wel-photo picture,body.v3 .v3-wel-photo img{position:relative;display:block;height:100%;width:auto;max-width:100%}
body.v3 .v3-wel-body{position:relative;z-index:1;padding:6px 24px 28px;display:flex;flex-direction:column;gap:14px;min-width:0}
body.v3 .v3-wordmark{display:flex;align-items:center;gap:12px}
body.v3 .v3-wordmark img{width:48px;height:48px;flex:none}
body.v3 .v3-script{font-family:"Pinyon Script","Great Vibes","Snell Roundhand","Apple Chancery",cursive;color:#d8b65e;font-size:48px;line-height:1.05;display:block;font-weight:400}
body.v3 .v3-wm-sub{display:block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#c3c9d4;margin-top:2px}
body.v3 .v3-wel-quote{font-family:var(--v3-display);font-style:italic;font-size:22px;line-height:1.45;color:#f1ead8;margin:0;text-wrap:pretty}
body.v3 .v3-wel-sig .v3-script{font-size:34px;margin-bottom:2px}
body.v3 .v3-wel-sig b{display:block;color:#fff;font-size:15px}
body.v3 .v3-wel-sig > span:not(.v3-script){display:block;color:#9aa3b3;font-size:13px;margin-top:2px}
body.v3 .v3-wel-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
body.v3 .v3-wel-acts .v3-chip{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.22)}

/* Pastor's Word of the Week */
body.v3 .v3-pword{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:20px;padding:22px 22px 18px;box-shadow:var(--v3-shadow)}
body.v3 .v3-pword blockquote,body.v3 .v3-pw-full{margin:10px 0 0;font-family:var(--v3-display);font-size:22px;line-height:1.45;color:var(--v3-ink)}
body.v3 .v3-pw-full{font-size:19px;white-space:pre-line}
body.v3 .v3-pw-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
body.v3 .v3-pw-more{background:none;border:0;padding:0;color:var(--v3-gold);font:800 15px var(--v3-body);cursor:pointer}
body.v3 .v3-pw-foot span{color:var(--v3-muted);font-size:14px;font-weight:700}

/* Notifications: a narrow strip */
body.v3 #pushHubCard{margin:0 !important}
body.v3 #pushHubCard .ph-wrap{display:flex !important;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 10px 10px 14px !important;border-radius:14px !important;
  background:var(--v3-ink) !important;border:1px solid rgba(216,182,94,.35) !important;box-shadow:none !important;margin:0 !important}
body.v3 #pushHubCard .ph-top{flex:1 1 180px;min-width:0;display:flex !important;align-items:center;gap:10px;margin:0 !important}
body.v3 #pushHubCard .ph-bell{width:30px !important;height:30px !important;font-size:15px !important;flex:none;margin:0 !important}
body.v3 #pushHubCard .ph-eyebrow,body.v3 #pushHubCard .ph-sub{display:none !important}
body.v3 #pushHubCard .ph-title{font:700 15px/1.25 var(--v3-body) !important;color:#fff !important;margin:0 !important}
body.v3 #pushHubCard .ph-btn{width:auto !important;flex:none;margin:0 !important;padding:9px 16px !important;font:800 13.5px/1 var(--v3-body) !important;border-radius:999px !important;min-height:38px}
body.v3 #pushHubCard .ph-msg{flex-basis:100%;margin:0 !important;color:#c3c9d4 !important}
body.v3 #pushHubCard .ph-msg:empty{display:none}

/* ── Square photos: Member of the Month and the love gift (never stretched) ── */
body.v3 .v3-ev.motm .v3-ev-img{min-height:0;align-self:start;aspect-ratio:1/1;margin:14px 0 0 14px;border-radius:14px;overflow:hidden;background:#e9ecf1}
body.v3 .v3-ev.motm .v3-ev-img img:not(.v3-badge){object-position:center 22%}
body.v3 .v3-ev.motm .v3-ev-img .pop{font-size:10px;padding:5px 3px}

/* ── Prayer: the wall, then four doors ──────────────────────────────────────── */
body.v3 #v3-pray .pw-wall-wrap{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
body.v3 #v3-pray .pw-post-trigger,body.v3 #v3-pray .pw-submit-btn{background:var(--v3-ink) !important;color:#fff !important;border:0 !important;border-radius:999px !important;
  box-shadow:none !important;font:800 15px var(--v3-body) !important;min-height:48px}
body.v3 .v3-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.v3 .v3-way{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:15px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer;font:inherit;color:var(--v3-text);box-shadow:var(--v3-shadow)}
body.v3 .v3-way b{font-family:var(--v3-display);font-size:20px;line-height:1.1;color:var(--v3-ink);font-weight:600}
body.v3 .v3-way span{font-size:13.5px;line-height:1.4;color:var(--v3-muted)}
body.v3 .v3-way i{font-style:normal;font-size:13px;font-weight:800;color:var(--v3-gold);margin-top:auto;padding-top:4px}

/* In the pop-out a card is already "open": hide its own top fold bar */
body.v3 .v3-sheet-body > .accordion-wrap > .accordion-trigger,
body.v3 .v3-sheet-body > [id] > .cfold-t{display:none !important}
body.v3 .v3-sheet-body .accordion-body.open{max-height:none !important}

/* ── Fold bars and accordions anywhere in the rooms: clean white rows ───────── */
body.v3 .v3-sec .accordion-trigger{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;box-shadow:var(--v3-shadow) !important;border-radius:14px !important}
body.v3 .v3-sec .accordion-title{color:var(--v3-ink) !important;font-family:var(--v3-body) !important;font-weight:800 !important}
body.v3 .v3-sec .accordion-sub{color:var(--v3-muted) !important}
body.v3 .v3-sec .accordion-chevron{color:var(--v3-gold) !important}

/* ── Giving: one calm list (Stripe and the basket logic untouched) ─────────── */
body.v3 #giving-body .basket-row{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;box-shadow:none !important}
body.v3 #giving-body .basket-row-name{color:var(--v3-ink) !important;font-family:var(--v3-body) !important;font-weight:800 !important}
body.v3 #giving-body .basket-row-desc{color:var(--v3-muted) !important}
body.v3 #giving-body .basket-row-icon{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--v3-gold-soft);font-size:19px}
body.v3 #giving-body .basket-amount-wrap{background:var(--v3-paper) !important;border:1px solid var(--v3-line) !important}
body.v3 #giving-body .basket-dollar{color:var(--v3-gold) !important}
body.v3 #giving-body .basket-input{color:var(--v3-ink) !important}
body.v3 #giving-body .giver-toggle-btn.active{background:var(--v3-ink) !important;color:#fff !important;border-color:var(--v3-ink) !important}
body.v3 #giving-body .tithe-calc-trigger{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;box-shadow:none !important}
body.v3 #giving-body .basket-divider{color:var(--v3-gold) !important;letter-spacing:.14em}
body.v3 #gh-gate{text-align:left !important;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:18px !important}
body.v3 #gh-gate .gh-gate-icon{display:none}
body.v3 #gh-gate .gh-gate-title{font-family:var(--v3-display) !important;font-size:24px !important;color:var(--v3-ink) !important;font-weight:600 !important}
body.v3 #gh-gate .prayer-input{text-align:left !important;letter-spacing:normal !important}
body.v3 .gh-action-btn{background:var(--v3-ink) !important;border-radius:999px !important}

/* ── Visit: times and address ──────────────────────────────────────────────── */
body.v3 .v3-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.v3 .v3-times > div{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;padding:14px}
body.v3 .v3-times b{display:block;font-family:var(--v3-display);font-size:22px;font-weight:600;color:var(--v3-ink)}
body.v3 .v3-times span{display:block;font-size:13.5px;color:var(--v3-muted)}
body.v3 .v3-times strong{display:block;font-size:20px;margin-top:4px;font-variant-numeric:tabular-nums;color:var(--v3-ink)}
body.v3 .v3-addr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;padding:14px 16px}
body.v3 .v3-addr b{display:block;font-size:17px;color:var(--v3-ink)}
body.v3 .v3-addr span{font-size:14px;color:var(--v3-muted)}
body.v3 .new-members-btn{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;box-shadow:var(--v3-shadow) !important;color:var(--v3-ink) !important}
body.v3 .new-members-btn *{color:var(--v3-ink) !important}

/* ── The foot of the page: leaders, emergency, footer — one navy band ───────── */
body.v3 #v3-leaders.v3-leaders{background:var(--v3-ink);border-top:0}
body.v3 #v3-leaders .v3-head h2{color:#f1ead8}
body.v3 #v3-leaders .v3-head p{color:#9aa3b3}
body.v3 #v3-leaders .v3-eyebrow{color:var(--v3-gold-hi)}
body.v3 .emergency-section{background:var(--v3-ink) !important;border:0 !important;padding:6px max(16px,env(safe-area-inset-left,0px)) 26px !important;margin:0 !important}
body.v3 .emergency-section-label{display:none !important}
body.v3 .emergency-bar-trigger{max-width:420px;margin:0 auto !important;background:transparent !important;border:1.5px solid #e5484d !important;box-shadow:none !important;
  color:#ffb4ab !important;padding:12px 16px !important;border-radius:999px !important;font-size:15px !important}
body.v3 .emergency-pulse{display:none !important}
body.v3 footer.footer{background:#08111f !important;border-top:1px solid rgba(255,255,255,.06) !important;color:#9aa3b3 !important;padding:26px 16px calc(96px + env(safe-area-inset-bottom,0px)) !important;text-align:center}
body.v3 .v3-foot-in{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;text-align:left}
body.v3 .v3-foot-in img{width:40px;height:40px}
body.v3 .v3-foot-in .v3-script{font-size:32px}
body.v3 .v3-foot-in span:not(.v3-script){display:block;font-size:13px;color:#9aa3b3}
body.v3 footer.footer .footer-brand{display:none}

@media (min-width:760px){
  body.v3 .v3-welcome{grid-template-columns:400px minmax(0,1fr);align-items:stretch}
  body.v3 .v3-wel-photo{height:auto;min-height:440px}
  body.v3 .v3-wel-photo picture{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:86%;width:auto}
  body.v3 .v3-wel-photo picture img{position:static;transform:none;height:100%;width:auto;max-width:none}
  body.v3 .v3-wel-body{padding:44px 44px 40px 8px;justify-content:center}
  body.v3 .v3-script{font-size:58px}
  body.v3 .v3-wel-quote{font-size:25px}
  body.v3 .v3-ways{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.v3 .v3-times{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.v3 .v3-ev.motm .v3-ev-img{margin:18px 0 18px 18px}
}

/* Rooms whose title already says it all stay open (no duplicate fold bar) */
body.v3 #v3-give #giving-body,body.v3 #v3-give #giving-body.collapsed,
body.v3 #v3-celebrate #birthdays-body,body.v3 #v3-celebrate #birthdays-body.collapsed{max-height:none !important;opacity:1 !important;overflow:visible !important;margin-top:0 !important}
body.v3 #giving-body .tithe-calc-label{color:var(--v3-ink) !important}
body.v3 #giving-body .tithe-calc-sub{color:var(--v3-muted) !important}
body.v3 .v3-sec .collapse-chevron{flex:none}
body.v3 .v3-sec .collapse-chevron::before{white-space:nowrap}

/* Forms opened from the rooms share one look: navy head, navy button */
body.v3 .prayer-form-header,body.v3 .testimony-header,body.v3 .watch-header{background:var(--v3-ink) !important}
body.v3 .prayer-submit,body.v3 .testimony-submit,body.v3 .watch-submit{background:var(--v3-ink) !important;border-radius:999px !important;box-shadow:none !important}
/* The page ends in one navy band: no light gap above the emergency strip */
body.v3 .main{padding-bottom:0 !important}


/* ═══ PASS 2b · One giving card: three tabs, one style (Stripe untouched) ═══ */
body.v3 #v3-give .v3-col{max-width:1000px}
body.v3 .v3-gtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#e4e8ee;border-radius:14px;padding:4px}
body.v3 .v3-gtab{border:0;background:transparent;border-radius:10px;padding:11px 6px;font:800 13.5px/1.2 var(--v3-body);color:var(--v3-muted);cursor:pointer;min-height:46px}
body.v3 .v3-gtab.on{background:var(--v3-card);color:var(--v3-ink);box-shadow:0 1px 3px rgba(13,26,46,.14)}
body.v3 .v3-gpanel{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:20px;padding:18px 16px;box-shadow:var(--v3-shadow)}
body.v3 .v3-gpanel #giving-body{margin:0 !important}
body.v3 .v3-gpanel #giving-history-section{margin:0 !important}
body.v3 .v3-gpanel #gh-gate{border:0;box-shadow:none;padding:0 !important}
/* compact basket rows; two columns on wide screens */
body.v3 #giving-body .basket-row{padding:10px 12px !important;border-radius:12px !important;margin:0 0 8px !important;background:var(--v3-paper) !important;border-color:transparent !important}
body.v3 #giving-body .basket-row-desc{font-size:12.5px !important}
body.v3 #giving-body .basket-row-icon{width:34px;height:34px;font-size:16px;background:var(--v3-card)}
/* the total and Give Now stay in reach while filling the basket */
body.v3 #giving-body .basket-total-bar{margin:0 !important;background:var(--v3-ink) !important;border:0 !important;border-radius:14px !important;box-shadow:0 8px 24px rgba(13,26,46,.25) !important}
body.v3 #giving-body .basket-total-bar *{color:#fff !important}
body.v3 #giving-body .basket-total-amount{color:var(--v3-gold-hi) !important;font-variant-numeric:tabular-nums}
body.v3 #giving-body .basket-give-btn{background:var(--v3-gold) !important;color:#fff !important;border-radius:999px !important;box-shadow:none !important;font-family:var(--v3-body) !important;font-weight:800 !important}
body.v3 #giving-body .basket-give-btn:disabled{opacity:.5}
/* the love gift, in the same family */
body.v3 .v3-love{display:flex;flex-direction:column;gap:12px}
body.v3 .v3-love-head{display:flex;align-items:center;gap:14px}
body.v3 .v3-love-head img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--v3-gold-soft);flex:none}
body.v3 .v3-love-head b{display:block;font-family:var(--v3-display);font-size:24px;line-height:1.1;color:var(--v3-ink);font-weight:600}
body.v3 .v3-love-head span{display:block;font-size:13.5px;color:var(--v3-muted);margin-top:3px}
body.v3 .v3-love p{margin:0;color:var(--v3-text);font-size:15.5px;line-height:1.55}
body.v3 .v3-love .v3-love-verse{font-family:var(--v3-display);font-style:italic;font-size:18px;color:var(--v3-ink)}
body.v3 .v3-love-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.v3 .v3-love-btn{background:var(--v3-paper);border:1px solid var(--v3-line);border-radius:14px;padding:12px 8px;text-align:center;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:3px}
body.v3 .v3-love-btn b{font-size:15px;color:var(--v3-ink)}
body.v3 .v3-love-btn span{font-size:12px;color:var(--v3-muted)}
@media (min-width:760px){
  body.v3 #giving-body #basket-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.v3 #giving-body #basket-rows .basket-row{margin:0 !important}
  body.v3 .v3-gpanel{padding:24px}
}
body.v3 .v3-givebar{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:3;display:grid;gap:8px;background:rgba(255,255,255,.96);
  padding:8px;margin:10px -8px 0;border-radius:18px;box-shadow:0 -2px 18px rgba(13,26,46,.10)}
body.v3 .v3-givebar .basket-give-btn{width:100%;margin:0 !important;min-height:52px}
body.v3 #giving-body .tithe-calc-wrap{border:0 !important;box-shadow:none !important;background:transparent !important}

/* ═══ PASS 2c · Welcome band: head room, words over the shoulders, entrance motion ═══ */
body.v3 .v3-wel-photo{height:340px;padding-top:30px;box-sizing:border-box}
body.v3 .v3-wel-photo picture,body.v3 .v3-wel-photo img{height:100%;width:auto}
body.v3 .v3-wel-body{margin-top:-96px;padding-top:70px;background:linear-gradient(180deg,rgba(13,26,46,0) 0%,rgba(13,26,46,.86) 34%,rgba(13,26,46,0) 100%)}
body.v3 .v3-welcome .v3-wel-photo picture{opacity:0;transform:translateY(22px) scale(1.03);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
body.v3 .v3-welcome .v3-wel-photo::before{opacity:0;transform:translateX(-50%) scale(.8);transition:opacity 1.4s ease .2s,transform 1.6s ease .2s}
body.v3 .v3-welcome .v3-wordmark img{opacity:0;transform:rotate(-90deg) scale(.6);transition:opacity .8s ease .45s,transform 1s cubic-bezier(.2,.7,.2,1) .45s}
body.v3 .v3-welcome .v3-wordmark > div,body.v3 .v3-welcome .v3-wel-quote,body.v3 .v3-welcome .v3-wel-sig,body.v3 .v3-welcome .v3-wel-acts{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}
body.v3 .v3-welcome .v3-wordmark > div{transition-delay:.6s}
body.v3 .v3-welcome .v3-wel-quote{transition-delay:.8s}
body.v3 .v3-welcome .v3-wel-sig{transition-delay:1s}
body.v3 .v3-welcome .v3-wel-acts{transition-delay:1.15s}
body.v3 .v3-welcome.in .v3-wel-photo picture,body.v3 .v3-welcome.in .v3-wordmark img,body.v3 .v3-welcome.in .v3-wordmark > div,
body.v3 .v3-welcome.in .v3-wel-quote,body.v3 .v3-welcome.in .v3-wel-sig,body.v3 .v3-welcome.in .v3-wel-acts{opacity:1;transform:none}
body.v3 .v3-welcome.in .v3-wel-photo::before{opacity:1;transform:translateX(-50%) scale(1)}
@media (prefers-reduced-motion:reduce){
  body.v3 .v3-welcome *,body.v3 .v3-welcome .v3-wel-photo::before{transition:none !important;opacity:1 !important}
  body.v3 .v3-welcome .v3-wel-photo picture,body.v3 .v3-welcome .v3-wordmark img,body.v3 .v3-welcome .v3-wordmark > div,body.v3 .v3-welcome .v3-wel-quote,body.v3 .v3-welcome .v3-wel-sig,body.v3 .v3-welcome .v3-wel-acts{transform:none !important}
}
@media (min-width:760px){
  body.v3 .v3-wel-photo{height:auto;padding-top:0}
  body.v3 .v3-wel-body{margin-top:0;padding-top:44px;background:none}
  body.v3 .v3-welcome .v3-wel-photo picture{transform:translateX(-50%) translateY(22px) scale(1.03)}
  body.v3 .v3-welcome.in .v3-wel-photo picture{transform:translateX(-50%)}
}
@media (min-width:760px){
  body.v3 .v3-welcome .v3-wel-photo picture{left:0;right:0;width:100%;height:auto;display:flex;justify-content:center;align-items:flex-end;transform:translateY(22px) scale(1.03)}
  body.v3 .v3-welcome.in .v3-wel-photo picture{transform:none}
  body.v3 .v3-welcome .v3-wel-photo picture img{width:100%;height:auto;max-height:420px;object-fit:contain;object-position:bottom}
}

/* ═══ PASS 2d · The welcome band fits one phone screen (Pastor Clark: "bottom cut off") ═══ */
body.v3 .v3-wel-sig > span:not(.v3-script) b{display:inline;color:#fff;font-size:inherit}
@media (max-width:759px){
  body.v3 .v3-wel-photo{height:256px;padding-top:22px}
  body.v3 .v3-wel-body{margin-top:-82px;padding:56px 20px 20px;gap:10px}
  body.v3 .v3-wordmark img{width:40px;height:40px}
  body.v3 .v3-wordmark .v3-script{font-size:40px}
  body.v3 .v3-wm-sub{font-size:10px;letter-spacing:.22em}
  body.v3 .v3-wel-quote{font-size:18.5px;line-height:1.42}
  body.v3 .v3-wel-sig .v3-script{font-size:28px}
  body.v3 .v3-wel-sig > span:not(.v3-script){font-size:12.5px;line-height:1.4}
  body.v3 .v3-wel-acts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-20px;padding-right:20px}
  body.v3 .v3-wel-acts::-webkit-scrollbar{display:none}
  body.v3 .v3-wel-acts .v3-chip{flex:none;min-height:40px;padding:8px 14px;font-size:13px}
}

/* ═══ PASS 2e · Pastor Clark: "picture on the left and the words on the right" — a card on
   every screen. Areas: photo | words, then the buttons (under the words on wide screens,
   across the full card on phones). ═══ */
body.v3 .v3-welcome{grid-template-columns:40% minmax(0,1fr);grid-template-areas:"photo body" "acts acts";align-items:stretch}
body.v3 .v3-wel-photo{grid-area:photo;height:auto !important;min-height:300px;padding:0 !important;margin:0}
body.v3 .v3-wel-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,26,46,0) 62%,rgba(13,26,46,.85) 100%);pointer-events:none}
body.v3 .v3-welcome .v3-wel-photo picture{position:absolute !important;left:-70%;right:-70%;bottom:0;height:92%;width:auto;display:flex;justify-content:center;align-items:flex-end;transform:translateY(22px) scale(1.03)}
body.v3 .v3-welcome.in .v3-wel-photo picture{transform:none}
body.v3 .v3-welcome .v3-wel-photo picture img{position:static !important;height:100% !important;width:auto !important;max-width:none !important;max-height:none !important;transform:none !important}
body.v3 .v3-wel-photo::before{bottom:40px;width:220px;height:220px}
body.v3 .v3-wel-body{grid-area:body;margin:0 !important;padding:24px 18px 8px 6px !important;background:none !important;justify-content:center;gap:10px}
body.v3 .v3-wel-acts{grid-area:acts;position:relative;z-index:1;padding:8px 18px 20px;margin:0}
@media (max-width:759px){
  body.v3 .v3-wordmark{gap:8px}
  body.v3 .v3-wordmark img{width:30px;height:30px}
  body.v3 .v3-wordmark .v3-script{font-size:31px}
  body.v3 .v3-wm-sub{font-size:8.5px;letter-spacing:.16em}
  body.v3 .v3-wel-quote{font-size:16px;line-height:1.4}
  body.v3 .v3-wel-sig .v3-script{font-size:24px}
  body.v3 .v3-wel-sig > span:not(.v3-script){font-size:11.5px}
  body.v3 .v3-wel-acts{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;padding-right:18px;margin-right:0}
}
@media (min-width:760px){
  body.v3 .v3-welcome{grid-template-columns:400px minmax(0,1fr);grid-template-areas:"photo body" "photo acts"}
  body.v3 .v3-wel-photo{min-height:440px}
  body.v3 .v3-welcome .v3-wel-photo picture{left:0;right:0;height:90%}
  body.v3 .v3-wel-photo::before{bottom:60px;width:320px;height:320px}
  body.v3 .v3-wel-body{padding:44px 44px 12px 8px !important;justify-content:flex-end}
  body.v3 .v3-wel-acts{padding:4px 44px 40px 8px}
}

/* PASS 2f · steadier portrait crop: fill the column, face centred, head room on top,
   a soft fade into the words instead of an overlay edge */
body.v3 .v3-wel-photo::after{content:none !important}
body.v3 .v3-welcome .v3-wel-photo picture{left:0 !important;right:0 !important;top:auto;bottom:0;height:93% !important;width:100% !important;display:block !important}
body.v3 .v3-welcome .v3-wel-photo picture img{width:100% !important;height:100% !important;object-fit:cover;object-position:50% 0%;
  -webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}
@media (min-width:760px){ body.v3 .v3-welcome .v3-wel-photo picture{height:90% !important} }
/* Splash words with more life (Pastor Clark: "spice it up some word wise") */
body.v3 #splash .v3s-welcome{font-family:"Pinyon Script","Great Vibes",cursive;font-size:44px;line-height:1;color:#d8b65e;margin:2px 0 -4px;animation:v3rise .9s .45s ease both;text-shadow:0 2px 18px rgba(216,182,94,.35)}
body.v3 #splash .v3s-name{animation-delay:.62s}

/* ═══ PASS 2g · welcome strip under the Word; the welcome card inside the pop-out ═══ */
body.v3 .v3-wstrip{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;
  padding:10px 14px 10px 10px;box-shadow:var(--v3-shadow);cursor:pointer;font:inherit;color:var(--v3-text)}
body.v3 .v3-wstrip img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--v3-gold-soft);flex:none}
body.v3 .v3-wstrip span{flex:1;min-width:0}
body.v3 .v3-wstrip b{display:block;font-family:var(--v3-display);font-size:20px;line-height:1.15;color:var(--v3-ink);font-weight:600}
body.v3 .v3-wstrip i{font-style:normal;font-size:12.5px;font-weight:800;color:var(--v3-gold)}
body.v3 .v3-wstrip em{font-style:normal;font-size:26px;color:var(--v3-gold);line-height:1}
body.v3 .v3-sheet-body > .v3-welcome{box-shadow:none}
body.v3 .v3-sec .collapse-chevron{background:none !important;border:0 !important;box-shadow:none !important;width:auto !important;height:auto !important;margin-left:10px}

/* ═══ PASS 3 · 2026-10-15 (4:48 AM review) ═══ */
/* Splash: a little smaller portrait; the glow keeps breathing while the screen stays up */
body.v3 #splash .v3s-photo{height:min(62vh,640px)}
body.v3 #splash .v3s-glow{animation:v3glow 1.8s ease both,v3breathe 2.6s 1.8s ease-in-out infinite alternate}
@keyframes v3breathe{from{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:.7;transform:translateX(-50%) scale(1.07)}}

/* Welcome: words a touch to the right; the pop-out is navy edge to edge (no white frame) */
body.v3 .v3-wel-body{padding-left:16px !important}
@media (min-width:760px){ body.v3 .v3-wel-body{padding-left:30px !important} body.v3 .v3-wel-acts{padding-left:30px} }
body.v3 .v3-sheet-bg.dark .v3-sheet{background:#0a1426}
body.v3 .v3-sheet-bg.dark .v3-sheet-bar{background:#0a1426;border-bottom-color:rgba(216,182,94,.25)}
body.v3 .v3-sheet-bg.dark .v3-sheet-bar b{color:#f1ead8}
body.v3 .v3-sheet-bg.dark .v3-sheet-x{background:var(--v3-gold);color:#fff}
body.v3 .v3-sheet-bg.dark .v3-welcome{box-shadow:none;border-radius:20px}

/* Member of the Month: picture with its buttons beneath it */
body.v3 .v3-ev.motm .v3-motm-left{display:flex;flex-direction:column;gap:8px;padding:14px 0 14px 14px;min-width:0}
body.v3 .v3-ev.motm .v3-motm-left .v3-ev-img{margin:0 !important;width:100%}
body.v3 .v3-ev.motm .v3-motm-left .v3-chip{width:100%;min-height:36px;padding:7px 6px;font-size:12px;line-height:1.15;text-align:center}
body.v3 .v3-ev.motm.noside{grid-template-columns:118px minmax(0,1fr)}
body.v3 .v3-ev.motm{grid-template-columns:118px minmax(0,1fr)}
body.v3 .v3-ev.motm .v3-ev-side .v3-chip{display:none}
@media (max-width:759px){ body.v3 .v3-ev.motm .v3-ev-side{display:none} }
@media (min-width:760px){
  body.v3 .v3-ev.motm{grid-template-columns:200px minmax(0,1fr) 196px}
  body.v3 .v3-ev.motm.noside{grid-template-columns:200px minmax(0,1fr)}
  body.v3 .v3-ev.motm .v3-motm-left{padding:18px 0 18px 18px}
  body.v3 .v3-ev.motm .v3-motm-left .v3-chip{font-size:13px;min-height:40px}
}

/* Giving: prompts readable for every eye */
body.v3 #giving-body .basket-name-input,body.v3 #giving-body .giver-detail-input{color:var(--v3-ink) !important;font-weight:700 !important;background:#fff !important}
body.v3 #giving-body .basket-name-input::placeholder,body.v3 #giving-body .giver-detail-input::placeholder{color:#2b3445 !important;opacity:1 !important;font-weight:700 !important}
body.v3 #giving-body .basket-name-row,body.v3 #giving-body .giver-detail-row{border:1.5px solid #b9c0cc !important;background:#fff !important}
body.v3 #giving-body .giver-toggle-label{font-size:13px !important;color:var(--v3-ink) !important}
body.v3 #giving-body .giver-toggle-btn{border:2px solid var(--v3-ink) !important;font-weight:800 !important;color:var(--v3-ink) !important;min-height:48px}
body.v3 #giving-body .giver-toggle-btn.active{color:#fff !important}
body.v3 #giving-body .giver-toggle.v3-pulse{border-radius:16px;animation:v3pick 1.6s ease-in-out infinite}
@keyframes v3pick{0%,100%{box-shadow:0 0 0 0 rgba(201,167,90,.0)}50%{box-shadow:0 0 0 6px rgba(201,167,90,.55)}}
@media (prefers-reduced-motion:reduce){ body.v3 #giving-body .giver-toggle.v3-pulse{animation:none;box-shadow:0 0 0 4px rgba(201,167,90,.55)} }
body.v3 .v3-wstrip img{background:#0d1a2e;object-position:center 8%}
/* Splash: the smaller portrait rides higher, so there is no empty sky above it */
body.v3 #splash .v3s-photo{top:calc(env(safe-area-inset-top,0px) + 9vh);bottom:auto;height:min(64vh,660px)}
body.v3 #splash .v3s-glow{top:calc(env(safe-area-inset-top,0px) + 4vh)}
/* Giving prompts fit the line on a phone */
body.v3 #giving-body .basket-name-input,body.v3 #giving-body .giver-detail-input{font-size:14.5px !important}
body.v3 .v3-motm-verse{margin:2px 0 0;font-family:var(--v3-display);font-style:italic;font-size:14px;line-height:1.35;color:var(--v3-ink);text-align:center}
body.v3 .v3-motm-verse b{display:block;margin-top:4px;font-family:var(--v3-body);font-style:normal;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--v3-gold)}