/* Potter's House Connect v1.4 — app home + installed navigation, isolated from church theme. */
:root{--phr-app-ink:#251b17;--phr-app-copper:#a95e3b;--phr-app-cream:#f8f3ee;--phr-app-line:#eaded4}
.phr-app-page{background:var(--phr-app-cream)!important;color:var(--phr-app-ink)!important;margin:0}
.phr-app-page p{color:inherit}
.phr-app-page *, .phr-app-page *::before, .phr-app-page *::after{box-sizing:border-box}
.phr-app-page .phr-app{min-height:100vh;font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;background:var(--phr-app-cream);color:var(--phr-app-ink);padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}
.phr-app-page a{text-decoration:none}
.phr-app-page a:focus-visible,.phr-app-page button:focus-visible,.phr-app-bottomnav a:focus-visible{outline:3px solid #b25d3a;outline-offset:4px}
.phr-app-skip{position:absolute;top:-100px;left:10px;z-index:999;background:#fff;color:#211a16;padding:12px}.phr-app-skip:focus{top:10px}
.phr-app-topbar{position:sticky;top:0;z-index:95;min-height:79px;background:#f8f3eefa;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(4%, calc((100% - 1190px)/2));border-bottom:1px solid #e6d9ce}
.phr-app-brand{display:flex;align-items:center;gap:12px;color:#231a15;min-width:0}.phr-app-brand img{height:47px;width:47px;object-fit:contain;border:1px solid #e8d9ce;border-radius:12px;background:white}.phr-app-brand strong{font-size:14px;font-weight:850;letter-spacing:.055em;display:block;white-space:nowrap;line-height:1.3}.phr-app-brand small{font-size:9px;letter-spacing:.12em;font-weight:750;color:#8d644f;display:block;margin-top:3px}.phr-app-install{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;color:#f9f3ee!important;background:#241a16!important;border:0!important;border-radius:99px;padding:12px 16px!important;font-size:12px!important;font-weight:800!important;line-height:1.2;min-height:43px}.phr-app-install svg{height:17px;width:17px}
.phr-app-container{max-width:1220px;margin:0 auto;padding:25px 26px 10px}
.phr-app-hero{display:flex;min-height:430px;background:#251b18;border-radius:22px;overflow:hidden;position:relative;color:#fff;align-items:center;isolation:isolate;box-shadow:0 18px 38px #241b141a}.phr-app-hero-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2;object-position:center 40%}.phr-app-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,17,14,.91),rgba(25,17,13,.62) 65%,rgba(25,17,13,.22)),linear-gradient(0deg,rgba(25,17,13,.6),transparent 45%);z-index:-1}.phr-app-hero-copy{padding:55px 7% 85px;max-width:670px}.phr-app-overline,.phr-app-eyebrow{font-size:11px;font-weight:850;letter-spacing:.17em;color:#a95e3b}.phr-app-overline{color:#edd0b9}.phr-app-page h1,.phr-app-page h2,.phr-app-page h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.052em}.phr-app-hero h1{font-size:clamp(46px,6vw,82px);line-height:1.02;margin:16px 0;color:#fff}.phr-app-hero h1 em{font-family:Georgia,serif;font-weight:400}.phr-app-hero p{font-size:clamp(15px,1.4vw,18px);color:#f4eae2;line-height:1.68;max-width:500px;margin-bottom:25px}.phr-app-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.phr-app-page .phr-app-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 21px;min-height:47px;border:1px solid transparent;border-radius:35px;font-size:13px;font-weight:800;line-height:1.3;transition:transform .17s,filter .17s;white-space:normal;text-align:center}.phr-app-button:hover{transform:translateY(-2px)}.phr-app-button svg{width:17px;height:17px}.phr-app-button-light{background:#fff;color:#251b17!important}.phr-app-button-outline{border-color:#ffffffaa!important;background:transparent;color:#fff!important}.phr-app-button-dark{background:#251b17;color:#fff!important}
.phr-app-hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:19px 7%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:750;border-top:1px solid #ffffff36;background:#170d0c30;color:#f4ded0}.phr-app-online-indicator{display:inline-flex;align-items:center;gap:9px}.phr-app-pulse{width:7px;height:7px;border-radius:50%;background:#eec5aa;box-shadow:0 0 0 5px #eec5aa2c}.phr-app-online-indicator.is-live .phr-app-pulse{background:#ff4747;box-shadow:0 0 0 5px #ff474733}
.phr-app-content-block{padding:49px 0 10px}.phr-app-title-row{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 19px}.phr-app-page h2{font-size:clamp(27px,3vw,39px);line-height:1.16;margin:8px 0 0;color:#251b17}.phr-app-title-row h2{margin-top:8px}.phr-app-inline-link{display:inline-flex;align-items:center;gap:5px;border-bottom:1px solid #816c5f;font-size:13px;font-weight:800;white-space:nowrap;padding-bottom:6px}.phr-app-inline-link svg{height:15px;width:15px}.phr-app-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.phr-app-feature{padding:30px;border-radius:17px;min-height:235px;display:flex;flex-direction:column;align-items:start;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 14px #23191510}.phr-app-feature:hover,.phr-app-action-tile:hover{transform:translateY(-3px);box-shadow:0 10px 20px #23191519}.phr-app-feature-word{background:#ae623e;color:#fff}.phr-app-feature-devotion{background:#fff;color:#271d17;border:1px solid #e9ddd5}.phr-app-feature-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:10px;font-weight:850;letter-spacing:.17em;opacity:.9}.phr-app-feature-top svg{height:25px;width:25px}.phr-app-feature h3{font-size:clamp(23px,2.7vw,34px);line-height:1.14;margin:28px 0 12px;color:inherit}.phr-app-feature p{font-size:14px;line-height:1.65;margin:0 0 18px;color:inherit;opacity:.87}.phr-app-feature-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;margin-top:auto;border-bottom:1px solid currentColor;padding:0 0 4px}.phr-app-feature-link svg{height:15px;width:15px}
.phr-app-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.phr-app-action-tile{background:#fff;border:1px solid #e8dbd0;min-height:157px;padding:23px 18px;border-radius:15px;display:flex;flex-direction:column;gap:5px;transition:transform .2s,box-shadow .2s}.phr-app-action-icon{height:43px;width:43px;background:#f3e4d9;color:#995439;border-radius:13px;display:grid;place-items:center;margin-bottom:14px}.phr-app-action-icon svg{height:23px;width:23px}.phr-app-action-tile strong{font-size:14px;font-weight:850;color:#251b17}.phr-app-action-tile small{font-size:12px;color:#74665c}
.phr-app-events{display:grid;gap:9px}.phr-app-event{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e8dbd0;padding:13px 19px;border-radius:13px;min-height:85px}.phr-app-event time{flex-shrink:0;height:58px;min-width:60px;border-radius:9px;background:#f1e2d6;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1;color:#8f4d31}.phr-app-event time b{font-size:24px}.phr-app-event time span{text-transform:uppercase;font-weight:850;font-size:10px;margin-top:5px}.phr-app-event-text{flex:1;min-width:0;display:grid;gap:5px}.phr-app-event-text strong{font-size:15px;color:#251b17}.phr-app-event-text small{font-size:12px;color:#71635a}.phr-app-event>svg{width:19px;height:19px;flex-shrink:0;color:#a05b3b}.phr-app-empty-events{padding:25px;background:#fff;border-radius:13px}.phr-app-empty-events p{color:#6e5c52;font-size:14px}.phr-app-empty-events a{font-weight:800;text-decoration:underline}
.phr-app-bible{margin-top:46px;padding:40px 46px;background:#ebd3be;border-radius:18px;display:flex;align-items:flex-start;flex-direction:column}.phr-app-bible h2{font-size:clamp(28px,3vw,38px);max-width:580px}.phr-app-bible p{font-size:15px;max-width:580px;color:#514238;line-height:1.7}.phr-app-bible .phr-app-button{margin-top:7px}
.phr-app-project{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:17px;margin-top:20px;background:#251b17;color:#fff}.phr-app-project-img{position:relative;min-height:355px}.phr-app-project-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.phr-app-project-img span{position:absolute;left:19px;bottom:16px;border-radius:5px;font-size:10px;font-weight:700;background:#231915b8;color:#fff;padding:8px 11px;max-width:calc(100% - 38px)}.phr-app-project-copy{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:45px}.phr-app-project .phr-app-eyebrow{color:#eab999}.phr-app-project h2{color:white;font-size:clamp(29px,3.3vw,49px)}.phr-app-project p{color:#e3d1c2;font-size:15px;line-height:1.8}.phr-app-project .phr-app-button-dark{background:#fff;color:#251b17!important;margin-top:8px}
.phr-app-spotify{background:#e1ebd9;padding:35px;border-radius:16px;margin-top:20px}.phr-app-spotify p{color:#4f5b46;font-size:14px}
.phr-app-appinvite{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid #ddcabd;background:#fff;border-radius:16px;margin-top:25px;padding:29px}.phr-app-appinvite h2{font-size:clamp(25px,2.7vw,34px)}.phr-app-appinvite p{font-size:14px;color:#716257;max-width:650px;line-height:1.7;margin-bottom:0}.phr-app-install-help{grid-column:1/-1;border-top:1px solid #e1d3c8;padding-top:19px;color:#3c3029}.phr-app-install-help p{max-width:900px;font-size:13px;margin:9px 0}.phr-app-install-help[hidden]{display:none!important}
.phr-app-footer{padding:27px 0 15px;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:11px;color:#827167}.phr-app-footer a{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#5b3728}.phr-app-footer svg{height:14px;width:14px}
/* Standalone persistent tab bar: on /app/ always; on regular website routes only once installed. */
.phr-app-bottomnav{position:fixed!important;bottom:0;left:0;right:0;z-index:550;display:flex!important;justify-content:center;align-items:stretch;background:#fff!important;border-top:1px solid #e0d3c9;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));box-shadow:0 -6px 25px #23191512;min-height:70px;gap:4px!important;font-family:'DM Sans',system-ui,sans-serif}.phr-app-bottomnav a{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;max-width:140px;flex:1;padding:4px 3px!important;font-size:10px!important;line-height:1.2;color:#7c6d63!important;text-decoration:none!important;white-space:normal!important;border:0!important;font-weight:700}.phr-app-bottomnav a[aria-current='page']{color:#a65836!important}.phr-app-bottomnav a svg{height:23px;width:23px}.phr-app-bottomnav a[aria-current='page'] svg{stroke-width:2.5}
body.phr-site:not(.phr-app-page) .phr-app-bottomnav{display:none!important}
@media(display-mode:standalone){body.phr-site:not(.phr-app-page) .phr-app-bottomnav{display:flex!important}body.phr-site:not(.phr-app-page){padding-bottom:calc(85px + env(safe-area-inset-bottom))}body.phr-site:not(.phr-app-page) footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))}}
@media(min-width:781px){.phr-app-page .phr-app-bottomnav{display:none!important}.phr-app-page .phr-app{padding-bottom:20px}}
@media(max-width:780px){.phr-app-container{padding:15px 16px 6px}.phr-app-hero{min-height:425px;border-radius:17px}.phr-app-hero-copy{padding:50px 25px 100px}.phr-app-hero h1{font-size:clamp(43px,9vw,62px)}.phr-app-hero p{font-size:15px;max-width:420px}.phr-app-two-cards{gap:12px}.phr-app-feature{padding:22px;min-height:220px}.phr-app-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phr-app-project-copy{padding:29px}.phr-app-bible{padding:32px}}
@media(max-width:590px){.phr-app-topbar{min-height:72px;padding:10px 16px}.phr-app-brand img{height:42px;width:42px}.phr-app-brand strong{font-size:12px;letter-spacing:.025em}.phr-app-brand small{font-size:8px}.phr-app-install{padding:11px!important}.phr-app-install span{display:none}.phr-app-container{padding:14px 14px 8px}.phr-app-hero{min-height:445px}.phr-app-hero-copy{padding:35px 24px 98px}.phr-app-hero h1{font-size:clamp(44px,11.6vw,64px)}.phr-app-hero-actions{gap:8px}.phr-app-page .phr-app-hero-actions .phr-app-button{font-size:12px;padding:12px 15px}.phr-app-hero-bottom{padding:15px 22px;gap:10px;font-size:10px}.phr-app-hero-bottom>span:last-child{display:none}.phr-app-content-block{padding-top:38px}.phr-app-page h2{font-size:28px}.phr-app-two-cards{grid-template-columns:1fr}.phr-app-feature{min-height:212px;padding:25px}.phr-app-feature h3{font-size:30px;margin:23px 0 12px}.phr-app-title-row{gap:12px;align-items:end}.phr-app-inline-link{font-size:11px}.phr-app-actions-grid{gap:10px}.phr-app-action-tile{padding:17px 13px;min-height:148px}.phr-app-action-tile strong{font-size:13px}.phr-app-action-tile small{font-size:11px}.phr-app-event{gap:11px;padding:12px}.phr-app-event time{min-width:51px;height:55px}.phr-app-event-text strong{font-size:13px}.phr-app-event-text small{font-size:11px}.phr-app-bible{margin-top:36px;padding:29px 25px}.phr-app-project{grid-template-columns:1fr}.phr-app-project-img{min-height:215px}.phr-app-project-copy{padding:29px 25px}.phr-app-project h2{font-size:33px}.phr-app-appinvite{grid-template-columns:1fr;padding:25px}.phr-app-appinvite>.phr-app-button{justify-self:start}.phr-app-footer{flex-direction:column;align-items:start;padding:28px 5px 8px;gap:11px}.phr-app-bottomnav{padding-left:4px!important;padding-right:4px!important}.phr-app-bottomnav a{font-size:9px!important}}
@media(max-width:350px){.phr-app-brand strong{font-size:11px}.phr-app-brand small{letter-spacing:.06em}.phr-app-hero{min-height:470px}.phr-app-hero-actions .phr-app-button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.phr-app *{transition:none!important;animation:none!important}}

/* Phase 1.4.2 in-app navigation: no more blank WordPress-page transitions. */
.phr-app-screen[hidden]{display:none!important}
.phr-app-page .phr-app-screen{min-width:0;min-height:calc(100dvh - 160px);padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.phr-app-page .phr-app-screen[data-phr-app-screen="home"]{min-height:0}
.phr-app-page .phr-app-tab-heading{padding:25px 0 26px}
.phr-app-page .phr-app-tab-heading h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(35px,6vw,62px);color:#251b17;line-height:1.06;margin:10px 0 13px}
.phr-app-page .phr-app-tab-heading p{color:#66594e;font-size:16px;line-height:1.65;margin:0}
.phr-app-page .phr-app-tab-panel{border-radius:18px;padding:clamp(24px,5vw,45px);background:#271d19;color:#fff}
.phr-app-page .phr-app-tab-panel h2{color:#fff!important;font-size:clamp(27px,4vw,37px);margin:8px 0 16px}
.phr-app-page .phr-app-tab-panel p{color:#f0e5dc;line-height:1.7;max-width:560px}
.phr-app-page .phr-app-tab-links{margin-top:22px}
.phr-app-page .phr-app-tab-links.phr-app-bible{margin-top:22px}
.phr-app-page .phr-app-list{display:grid;gap:12px}
.phr-app-page .phr-app-list-card{display:flex;flex-direction:column;gap:8px;border-radius:15px;background:#fff;border:1px solid #e5d8ce;padding:24px;color:#241b16}
.phr-app-page .phr-app-list-card strong{font-family:Manrope,system-ui,sans-serif;font-size:clamp(21px,3.5vw,27px)}
.phr-app-page .phr-app-list-card p{font-size:14px;color:#6c5b50;margin:0 0 8px;line-height:1.6}
.phr-app-page .phr-app-list-card .phr-app-feature-link{margin-top:7px}
.phr-app-page .phr-app-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.phr-app-page .phr-app-tab-action{margin-top:23px}
.phr-app-page .phr-app-live-frame{aspect-ratio:16/9;width:100%;margin:18px 0;overflow:hidden;border-radius:13px}
.phr-app-page .phr-app-live-frame iframe{border:0;display:block;width:100%;height:100%}
.phr-app-page .phr-app-bottomnav{position:fixed!important;inset:auto 0 0 0!important;width:100%!important;max-width:none!important;transform:none!important;display:flex!important;margin:0!important;z-index:9999!important;box-sizing:border-box}
@media(max-width:590px){.phr-app-page .phr-app-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phr-app-page .phr-app-tab-heading{padding:17px 0 21px}.phr-app-page .phr-app-list-card{padding:20px}}
@media(max-width:350px){.phr-app-page .phr-app-connect-grid{grid-template-columns:1fr}}