/* Redland Baptist Church | Shared editorial refresh, November 2026.
   Adds a consistent identity without altering the devoted devotional reader. */
:root {
  --primary-garnet: #72202c;
  --primary-garnet-dark: #44121d;
  --accent-color: #d4ad78;
  --site-cream: #f8f5ef;
  --site-ink: #2b2b28;
  --site-muted: #655e59;
  --site-border: #e8dfd6;
  --site-shadow: 0 16px 42px rgba(76, 31, 33, .08);
}
html, body.site-refreshed { color:var(--site-ink); }
body.site-refreshed { background:var(--site-cream)!important; font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
body.site-refreshed .site-header { background:#49141e!important; border-bottom:1px solid rgba(255,255,255,.11); box-shadow:0 4px 18px #3110191c; }
body.site-refreshed .nav-links a {font-size:.91rem;letter-spacing:.015em}
body.site-refreshed .nav-links a[aria-current="page"] {color:#f3d4a7;}
body.site-refreshed .giving-btn {background:#fbebd6!important;color:#56212a!important;border-radius:7px!important;}
body.site-refreshed .logo-container img {border-radius:6px;}
body.site-refreshed main.page-main { padding: clamp(32px,4.5vw,64px) 22px 80px!important; width:min(1180px,100%); margin:0 auto; text-align:center; display:block; flex:1; }
body.site-refreshed main.page-main > :first-child {scroll-margin-top:100px}
body.site-refreshed .page-hero {isolation:isolate;position:relative;z-index:2;overflow:hidden; flex-shrink:0; background:linear-gradient(116deg,#45131f 2%,#712632 65%,#823f3e);color:#fff;}
body.site-refreshed .page-hero:before {position:absolute;content:"";inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 83% 23%,#ebcda629,transparent 30%),radial-gradient(circle at 0 100%,#ffffff12,transparent 34%);}
body.site-refreshed .page-hero:after {position:absolute;content:"";width:430px;height:430px;border-radius:50%;right:-200px;top:-265px;border:1px solid #ffffff28;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05;z-index:-1;pointer-events:none;}
.page-hero-inner {width:min(1100px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(28px,6vw,86px);align-items:center;padding:clamp(58px,6.5vw,92px) 0;}
.page-hero-copy {text-align:left;}
.page-hero-kicker {display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.18em;color:#f5d6b1;line-height:1.6}
.page-hero-kicker:before {content:"";height:1px;width:26px;background:#dbb47d;flex-shrink:0}
.page-hero h1 {font:400 clamp(2.65rem,5.9vw,4.85rem)/1.09 Georgia,"Times New Roman",serif;letter-spacing:-.04em;color:white;margin:22px 0 19px;text-wrap:balance}
.page-hero-copy>p {font-size:clamp(.98rem,1.4vw,1.13rem);line-height:1.75;color:#f1dfe0;max-width:570px;margin:0 0 28px;}
.page-hero-link {display:inline-flex;gap:20px;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:#f6ede2;color:#54202b!important;border-radius:6px;font-weight:750;text-decoration:none;transition:transform .2s ease,background .2s ease}
.page-hero-link:hover {background:white;transform:translateY(-2px)}
.page-hero-verse {position:relative;display:grid;gap:17px;text-align:left;padding:33px clamp(22px,3vw,36px);background:#ffffff13;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 12px 38px #2a0a121c;color:#fff;font:400 clamp(1.25rem,2vw,1.8rem)/1.5 Georgia,serif;}
.page-hero-verse em {color:#f4d8a7;font-weight:400;}
.page-hero-verse small {font:600 .65rem/1.5 system-ui,sans-serif;color:#f7d9c1;text-transform:uppercase;letter-spacing:.11em}
.page-hero-divider {width:42px;height:1px;background:#dcb77d}
.page-hero-spark {font-size:1.5rem;color:#eac48d}
body.site-refreshed .modern-card,body.site-refreshed .staff-card,body.site-refreshed .ministry-card,body.site-refreshed .belief-card,body.site-refreshed .giving-way-card,body.site-refreshed .contact-form-container,body.site-refreshed .giving-container,body.site-refreshed .event-card,body.site-refreshed .sermon-card {background:#fffefb!important;backdrop-filter:none!important;border:1px solid var(--site-border)!important;border-radius:14px!important;box-shadow:var(--site-shadow)!important;overflow-wrap:anywhere;}
body.site-refreshed .modern-card h2,body.site-refreshed .modern-card h3,body.site-refreshed .staff-name,body.site-refreshed .ministry-card h2,body.site-refreshed .ministry-card h3 {font-family:Georgia,"Times New Roman",serif;letter-spacing:-.015em;}
body.site-refreshed .section-heading-modern {font:400 clamp(1.75rem,3vw,2.35rem)/1.3 Georgia,serif!important;letter-spacing:-.025em;color:#552029!important;}
body.site-refreshed #service-times-section,body.site-refreshed #homeUpcomingEvents,body.site-refreshed #allEventsContainer {scroll-margin-top:95px;gap:20px!important}
body.site-refreshed .site-footer {background:#f1ede6!important;border-top:1px solid #e6dcd1!important;color:#4d4743;}
body.site-refreshed .site-footer .footer-org {color:#55202a!important;}
body.site-refreshed .site-footer a {text-underline-offset:4px;}
body.site-refreshed .theme-toggle-btn {background:#fff9f1;border:1px solid #dbc9b9;border-radius:99px;font-size:.85rem;min-height:42px;padding:9px 18px;color:#642934;}
body.site-refreshed .theme-toggle-btn:hover {background:#fff;border-color:#7a3038;}
body.site-refreshed .mobile-bottom-bar {background:#fffdfa;box-shadow:0 -3px 15px #2a12181c;}
body.site-refreshed .mobile-tab.active {color:#77232d;}
body.site-refreshed input:not([type="hidden"]),body.site-refreshed textarea,body.site-refreshed select {max-width:100%;}
body.site-refreshed main.page-main p {line-height:1.75;}
/* Homepage: retain optional CMS photo reel behind the same quiet editorial hero. */
body.home-page .hero-reel-section {min-height:unset!important;padding:0!important;text-align:left!important;background:linear-gradient(117deg,#45141f 2%,#702732 72%,#85433f)!important; isolation:isolate;}
body.home-page .hero-reel-section .hero-scrim-overlay {background:linear-gradient(95deg,#330d1ce8,#651d29c9 65%,#4e1b24c7)!important;}
body.home-page .home-hero-inner {max-width:1100px;width:min(1100px,calc(100% - 48px));display:grid;grid-template-columns:minmax(0,1.23fr) minmax(260px,.77fr);align-items:center;gap:clamp(24px,5vw,82px);padding:clamp(70px,8vw,110px) 0;}
body.home-page .hero-foreground-content h1 {font:400 clamp(3rem,6vw,5.1rem)/1.1 Georgia,serif!important;letter-spacing:-.04em;color:#fff!important;text-shadow:none!important;margin:23px 0 20px!important;}
body.home-page .hero-foreground-content h1 em {color:#f3d5a7;font-weight:400}
body.home-page .hero-foreground-content p {font-size:1.1rem;line-height:1.75;color:#f0dfe0;max-width:550px;margin:0 0 28px;}
body.home-page .quick-action-pills {justify-content:flex-start!important;padding:0!important;margin:0!important;gap:10px!important;}
body.home-page .action-pill {background:#ffffff15!important;color:#fff!important;border:1px solid #ffffff66!important;box-shadow:none!important;border-radius:7px!important;min-height:46px;padding:11px 18px!important;font-weight:700}
body.home-page .action-pill.primary-pill {background:#f5ebdf!important;border-color:#f5ebdf!important;color:#52212c!important}
body.home-page .action-pill:hover {background:#ffffff!important;color:#51202a!important;}
.home-hero-verse {margin:0;padding:34px;display:grid;gap:18px;background:#ffffff14;border:1px solid #ffffff30;border-radius:12px;backdrop-filter:blur(9px);color:#fff;}
.home-hero-book {font-size:1.7rem;color:#f1c98f;}
.home-hero-verse blockquote {font:400 clamp(1.3rem,2vw,1.8rem)/1.55 Georgia,serif;margin:0;color:#fff5e8;}
.home-hero-verse figcaption {font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#eecfa8;}
body.home-page main {width:min(1180px,100%);margin:0 auto;padding:clamp(32px,5vw,65px) 22px!important}
body.home-page #latest-message-section {margin-bottom:25px}
body.home-page .home-latest-card {padding:30px!important}
body.home-page .newsletter-section {background:#f2eae2!important;padding:clamp(40px,5vw,66px) 20px!important}
body.home-page .newsletter-section h2 {font:400 2rem Georgia,serif!important;text-transform:none!important}
body.home-page .newsletter-section input {background:#fff;border-radius:7px!important;min-height:48px}
body.home-page .newsletter-section button {background:#712630!important;border-radius:7px!important;min-height:48px}
/* Seasonal decorative layer stays inside viewport; artwork is visible on hero borders. */
body.site-refreshed .seasonal-overlay {opacity:.33!important; z-index:4!important;max-height:100dvh; pointer-events:none!important;}
body.devotionals-page.site-refreshed .seasonal-overlay {opacity:.16!important}
html[data-seasonal-theme="off"] body.site-refreshed .seasonal-overlay {display:none!important}
html[data-seasonal-theme="fall"] .page-hero,html[data-seasonal-theme="fall"] body.home-page .hero-reel-section {box-shadow:inset 0 -5px #d9ab71}
html[data-seasonal-theme="christmas"] .page-hero,html[data-seasonal-theme="christmas"] body.home-page .hero-reel-section {box-shadow:inset 0 -5px #e2bc7d}
html[data-seasonal-theme="winter"] .page-hero,html[data-seasonal-theme="winter"] body.home-page .hero-reel-section {box-shadow:inset 0 -5px #b1ccdb}
html[data-seasonal-theme="thanksgiving"] .page-hero,html[data-seasonal-theme="thanksgiving"] body.home-page .hero-reel-section {box-shadow:inset 0 -5px #c98949}
/* Retain devotional reader design exactly: site-wide styling does not rewrite its cards. */
body.devotionals-page.site-refreshed .devotional-main {max-width:none;padding:0!important;}
@media(max-width:900px) {
 .page-hero-inner, body.home-page .home-hero-inner {grid-template-columns:1fr;gap:24px;}
 .page-hero-verse, .home-hero-verse {display:none;}
 body.site-refreshed .site-header {height:auto;}
 body.site-refreshed .page-hero-inner {padding:56px 0;}
 body.site-refreshed .main-nav .nav-links.active {z-index:10003;}
}
@media(max-width:600px) {
 .page-hero-inner,body.home-page .home-hero-inner {width:calc(100% - 36px)}
 body.site-refreshed .page-hero-inner {padding:48px 0 52px}
 .page-hero h1{font-size:clamp(2.55rem,10vw,3.5rem);}
 body.home-page .home-hero-inner {padding:57px 0 64px}
 body.home-page .hero-foreground-content h1 {font-size:clamp(2.55rem,10vw,3.4rem)!important}
 body.site-refreshed main.page-main {padding:28px 16px 55px!important}
 body.home-page main {padding:32px 16px!important}
 body.site-refreshed .modern-card,body.site-refreshed .staff-card,body.site-refreshed .ministry-card {padding:23px 19px!important}
 body.home-page .action-pill {font-size:.85rem;padding:10px 12px!important;}
}
@media(prefers-reduced-motion:reduce){.page-hero-link,body.home-page .action-pill{transition:none!important;transform:none!important}}
/* Autumn leaves are detailed enough to read as leaves but stay behind content. */
html[data-seasonal-theme="fall"] body.site-refreshed .seasonal-overlay,
html[data-seasonal-theme="thanksgiving"] body.site-refreshed .seasonal-overlay {opacity:.44!important}
html[data-seasonal-theme="fall"] body.devotionals-page.site-refreshed .seasonal-overlay,
html[data-seasonal-theme="thanksgiving"] body.devotionals-page.site-refreshed .seasonal-overlay {opacity:.18!important}

/* Place decorative leaves underneath readable cards and text, never over interactive controls. */
body.site-refreshed .seasonal-overlay {z-index:1!important}