/* Oase: original artwork is never cropped, filtered, recoloured or re-encoded. */
:root{--paper:#f7f9fa;--white:#fff;--ink:#363c40;--text:#4a5258;--muted:#65717a;--line:#dfe7eb;--green:#147b9c;--green-dark:#11657f;--gold:#e3bb7a;--gold-soft:#fcf4e6;--sand:#eef5f8;--brand-blue:#45acd4;--brand-blue-soft:#eef7fb;--brand-gold-ink:#89652c}
html{scroll-padding-top:150px}
body{background:#fff;color:var(--text)}
main{background:linear-gradient(180deg,#fbfdfe 0,#fff 650px,#fafcfd 100%)}
.site-header{background:#f7f7f7;border-bottom:1px solid #e0e6e9}
.header-inner{min-height:124px;gap:22px}
.brand{gap:0}
.brand-logo{display:block;width:228px;height:auto;aspect-ratio:16/9;object-fit:contain;filter:none;mix-blend-mode:normal;border:0;border-radius:0}
.main-nav,.nav-dropdown>button,.header-actions,.mobile-nav{color:var(--ink)}
.main-nav .active::after{background:var(--gold)}
.main-nav>a:hover,.nav-dropdown>button:hover,.mobile-nav a:hover{color:var(--green)}
.dropdown-panel,.lang-panel{box-shadow:0 14px 38px #253f5010}
.dropdown-panel a:hover,.lang-panel button:hover,.icon-button:hover{background:#eef5f8}
.preview-bar{background:#eef2f4;color:#68747b}
.preview-bar b{color:#65717a}
.preview-bar i{background:var(--green)}
.eyebrow{color:var(--brand-gold-ink)}
.hero-copy h1 em{color:var(--green)}
.hero-copy h1{font-style:normal}
.hero-location,.breadcrumb{color:var(--muted)}
.btn.primary{background:var(--green);color:#fff}
.btn.primary:hover{background:#106680}
.btn.gold{background:linear-gradient(115deg,#eacb94,#dfb573);color:#333b40;border-color:#d6b273}
.btn.gold:hover{background:linear-gradient(115deg,#f0d6aa,#e6c186)}
.btn.outline{color:var(--ink);border-color:#d8c5a5;background:transparent}
.btn.outline:hover{background:#faf5eb;border-color:#c6a76b}
.btn.white{background:#fff;color:var(--green)}
.btn.soft{background:var(--gold-soft);color:var(--ink)}
.text-link{color:var(--green);border-bottom-color:#b2d4df}
.text-link:hover{color:#106680;border-bottom-color:#c6a76b}
.pill{background:var(--gold-soft);color:#7e602b}
.note{background:#f2f7fa;border-color:#dce9ef;color:#5c6a74}
.note strong{color:var(--ink)}
.photo-placeholder,.post-card:nth-child(2) .photo-placeholder,.post-card:nth-child(3) .photo-placeholder{background:linear-gradient(135deg,#edf6fa 0%,#f9fcfd 53%,#e4f0f5 100%);color:#6c8c9a}
.photo-placeholder:before{background:linear-gradient(120deg,#ffffff10,#ffffff88 50%,#fff0)}
.hero-photo{background:radial-gradient(ellipse at 82% 15%,#e5f3fa,transparent 64%),linear-gradient(140deg,#eaf4f8,#f9fcfd 58%,#e1eef4);border:1px solid #dce9ef}
.hero-photo:after{border-color:#d7b47755}
.placeholder-lines{border-color:#4795b22b}
.placeholder-lines:before,.placeholder-lines:after{border-color:#4795b220}
.placeholder-center>span{color:#526a76}
.placeholder-center>svg{color:#3789a7;opacity:.75}
.placeholder-center>small,.photo-label,.hero-photo .image-corner{color:#6b7d88}
.photo-label .pill{background:#fffdf7dc;color:#80612e;border:1px solid #e5d5b5}
.prayer-panel,.side-panel{background:linear-gradient(120deg,#176c87 0%,#177995 65%,#1c7c98 100%);color:#fff;border:1px solid #21829e}
.prayer-intro h2,.prayer-time strong,.side-panel h2,.side-panel h3{color:#fff}
.prayer-intro .eyebrow,.side-panel .eyebrow{color:#fff}
.prayer-intro .eyebrow::before,.side-panel .eyebrow::before{background:#f4d8a6}
.prayer-intro p,.prayer-time span,.prayer-time em{color:#fff}
.prayer-foot{border-top-color:#ffffff30}
.prayer-foot a{color:#fff}
.prayer-foot svg{color:#f6d6a0}
.side-panel .big-time{color:#f4d8a6}
.side-panel .note{background:#00000010;border-color:#ffffff30;color:#fff}
.section-tint{background-color:#f4f8fa;background-image:linear-gradient(#f4f8facc,#f4f8facc),url('/assets/quiet-pattern.svg');background-size:auto,120px 120px}
.week-layout,.content-card,.info-card,.offer-card,.donation-card{background:#fff;border-color:var(--line)}
.offer-card{border-top:2px solid #d8bd8d;box-shadow:0 8px 28px #25516c04}
.day-tab:hover{background:#eef6fa}
.day-tab[aria-selected=true]{background:var(--green);color:#fff}
.day-tab[aria-selected=true] small{color:#e4f4fa}
.membership-banner,.feature-band{background:linear-gradient(110deg,#eef6fa,#f8fbfc 72%,#fcf7ed);border:1px solid #dce8ee}
.price-card{background:linear-gradient(145deg,#f2f9fc,#fff);border:1px solid #bcdde9;border-top:2px solid #d6b273}
.price-label,.price-card>small{color:#647680}
.price-toggle{background:#edf5f9;border-color:#ccdfe8}
.price-toggle button[aria-pressed=true]{background:#fff;color:var(--ink)}
.prayer-table-head,.month-table thead{background:#edf6fa;color:var(--ink)}
.month-table .selected-date{background:var(--gold-soft)}
.calculation-note{background:#f4f8fa;border-color:var(--line)}
.field input,.field select,.field textarea,.search-field input,.date-input input{background:#fff;color:var(--ink);border-color:#d1dfe6}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}
.field input::placeholder,.field textarea::placeholder{color:#8b979f}
.map-placeholder{background:repeating-linear-gradient(35deg,transparent 0,transparent 46px,#b8d4e14d 47px,#b8d4e14d 49px,transparent 50px),repeating-linear-gradient(125deg,#f1f7fa 0,#f1f7fa 65px,#dbe9f0 66px,#dbe9f0 68px,#f1f7fa 69px);border-color:var(--line)}
.map-card{background:#ffffffed;box-shadow:0 8px 30px #25475d09}
.footer{background:#f7f7f7;color:var(--text);border-top:1px solid #d8bd8c;padding-top:44px}
.footer .brand-logo{width:250px}
.footer-about p{max-width:285px;color:var(--muted);margin-top:13px}
.footer h3{color:var(--ink);font-weight:600}
.footer a:hover{color:var(--green)}
.footer-contact svg{color:#98723a}
.footer-bottom{border-top-color:#dfe4e7;color:#6b767d}
.p4-stat,.p4-panel{background:#fff;border-color:var(--line)}
.p4-stat strong,.p4-gifts dd{color:var(--ink)}
.p4-stat-emphasis{background:linear-gradient(120deg,#176c87,#1c7c98);border-color:#197993;color:#fff}
.p4-stat-emphasis strong{color:#fff}
.p4-stat-emphasis>span,.p4-stat-emphasis small{color:#fff}
.p4-tag{background:#eef4f7;color:#506b7b}
.p4-tag.confirmed{background:#e7f3f9;color:#25637c}
.p4-tag.pending{background:#fbf0dc;color:#7c5d24}
.p4-tag.cancelled{background:#f6e9e5;color:#864c3e}
.p4-paid{color:#25637c!important}
.p4-panel progress{background:#e7eff3}
.p4-panel progress::-webkit-progress-bar{background:#e7eff3}
.p4-panel progress::-webkit-progress-value{background:linear-gradient(90deg,#cda667,#e8c78d)}
.p4-panel progress::-moz-progress-bar{background:#cda667}
.p4-demo-tools{border-color:#c8dce6;background:#f8fbfc}
.toast{background:#176c87;border-color:#5d9bb2;color:#fff;box-shadow:0 8px 35px #254a6420}
dialog{background:#fff;border-color:#d8e5ec;box-shadow:0 25px 90px #24384324}
dialog::backdrop{background:#24313b65}
@media(max-width:1190px){.brand-logo{width:210px}.header-inner{gap:16px;min-height:118px}}
@media(max-width:1020px){.brand-logo{width:205px}.header-inner{min-height:116px}.footer-about p{margin-top:0}}
@media(max-width:760px){html{scroll-padding-top:132px}.brand-logo{width:180px}.header-inner{min-height:108px;gap:8px}.header-actions{gap:7px}.mobile-nav{max-height:calc(100dvh - 146px)}.hero-copy{padding-top:30px}.footer .brand-logo{width:235px}.footer-about p{margin-top:12px}.prayer-intro p{color:#f3fafd}.footer{padding-top:30px}}
@media(max-width:380px){.brand-logo{width:158px}.header-inner{min-height:98px;gap:7px}.header-actions{gap:4px}}
@media(max-width:350px){.brand-logo{width:144px}.header-actions .btn{padding-left:7px;padding-right:7px}}
