/* ===== Home extras (6156): This Sunday bar, guide, events ===== */

/* ---------- This Sunday bar ---------- */
.page-id-1433 [data-id="502741d0"] { position:relative; z-index:5; background:transparent !important; padding:0 20px !important; margin:-48px auto 0 !important; max-width:1120px !important; width:100% !important; min-height:0 !important; display:block !important; }
.page-id-1433 .hp-cue { bottom:70px !important; }
.hs-bar { display:flex; align-items:center; gap:22px; padding:20px 26px; border-radius:20px; background:#fff; box-shadow:0 22px 50px rgba(15,52,58,.22), 0 2px 0 rgba(216,164,65,.9) inset; border:1px solid rgba(36,92,99,.12); opacity:0; transform:translateY(18px); animation:hs6156In .8s cubic-bezier(.2,1,.3,1) forwards 1.9s; }
@keyframes hs6156In { to { opacity:1; transform:none; } }
.hs-date { flex:0 0 auto; width:66px; border-radius:14px; overflow:hidden; text-align:center; background:#F6F1E6; box-shadow:0 6px 14px rgba(36,92,99,.15); font-family:Montserrat, sans-serif; }
.hs-mo { display:block; padding:4px 0 3px; background:#245C63; color:#fff; font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.hs-dy { display:block; padding:4px 0 6px; color:#1D3F44; font-size:28px; font-weight:800; line-height:1.1; }
.hs-copy { flex:1 1 auto; min-width:0; }
.hs-copy p { margin:0 !important; }
.hs-kicker { display:flex; align-items:center; gap:8px; font-family:Montserrat, sans-serif; font-size:11px !important; font-weight:800; letter-spacing:2.2px; text-transform:uppercase; color:#B5852A !important; }
.hs-title { font-family:Montserrat, sans-serif; font-size:clamp(19px, 2vw, 23px) !important; font-weight:800; color:#1D3F44 !important; line-height:1.25 !important; margin-top:2px !important; }
.hs-times { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin-top:4px !important; font-size:15px !important; color:#4A5A5C !important; }
.hs-times b { color:#245C63; font-weight:700; }
.hs-sep { color:#D8A441; font-weight:800; }
.hs-actions { flex:0 0 auto; display:flex; align-items:center; gap:10px; }
.hs-btn { display:inline-flex !important; align-items:center; gap:8px; padding:12px 20px !important; border-radius:999px !important; border:2px solid #245C63 !important; background:#245C63 !important; color:#fff !important; font-family:Montserrat, sans-serif !important; font-size:14px !important; font-weight:700 !important; line-height:1.2 !important; text-decoration:none !important; cursor:pointer; white-space:nowrap; transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease !important; }
.hs-btn:hover, .hs-btn:focus-visible { transform:translateY(-2px); box-shadow:0 10px 22px rgba(36,92,99,.28); background:#1D3F44 !important; border-color:#1D3F44 !important; color:#fff !important; }
.hs-btn-ghost { background:transparent !important; color:#245C63 !important; }
.hs-btn-ghost:hover, .hs-btn-ghost:focus-visible { background:#245C63 !important; color:#fff !important; }
.hs-btn-live { background:#C8383D !important; border-color:#C8383D !important; }
.hs-btn-live:hover { background:#A82C31 !important; border-color:#A82C31 !important; }
.hs-dot { display:inline-block; width:9px; height:9px; border-radius:50%; background:#E5484D; animation:hp6156Pulse 1.8s ease-out infinite; }
.hs-btn-live .hs-dot { background:#fff; }
.hs-bar.is-live { box-shadow:0 22px 50px rgba(15,52,58,.22), 0 2px 0 #E5484D inset; }
.hs-bar.is-live .hs-kicker { color:#C8383D !important; }
.hs-cal { position:relative; }
.hs-menu { position:absolute; right:0; top:calc(100% + 10px); z-index:30; min-width:230px; padding:10px; border-radius:14px; background:#fff; box-shadow:0 18px 40px rgba(15,52,58,.25); border:1px solid rgba(36,92,99,.12); opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .2s ease, transform .2s ease, visibility .2s; }
.hs-cal.is-open .hs-menu { opacity:1; visibility:visible; transform:none; }
.hs-menu-h { display:block; padding:8px 10px 4px; font-family:Montserrat, sans-serif; font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#B5852A; }
.hs-menu a { display:block; padding:8px 10px; border-radius:8px; color:#1D3F44 !important; font-size:15px; text-decoration:none !important; }
.hs-menu a:hover, .hs-menu a:focus-visible { background:#EEF5F4; }

/* ---------- Guide: What brings you here? ---------- */
.page-id-1433 [data-id="5bbaf532"] { position:relative; overflow:hidden; }
.page-id-1433 [data-id="5bbaf532"]::before { content:''; position:absolute; width:520px; height:520px; right:-160px; top:-180px; border-radius:50%; background:radial-gradient(circle, rgba(216,164,65,.16), rgba(216,164,65,0) 70%); pointer-events:none; }
.page-id-1433 [data-id="5bbaf532"]::after { content:''; position:absolute; width:460px; height:460px; left:-170px; bottom:-200px; border-radius:50%; background:radial-gradient(circle, rgba(15,108,120,.12), rgba(15,108,120,0) 70%); pointer-events:none; }
.hg-chips { position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:980px; margin:6px auto 26px; }
.hg-chip { display:inline-flex; align-items:center; gap:9px; padding:11px 18px 11px 12px; border-radius:999px; border:2px solid rgba(36,92,99,.18); background:#fff; color:#245C63; font-family:Montserrat, sans-serif; font-size:15px; font-weight:700; line-height:1.2; cursor:pointer; transition:transform .2s ease, background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease; }
.hg-chip:hover { transform:translateY(-2px); border-color:#D8A441; box-shadow:0 8px 18px rgba(36,92,99,.14); }
.hg-chip:focus-visible { outline:3px solid #D8A441; outline-offset:2px; }
.hg-chip.is-on { background:#245C63; border-color:#245C63; color:#fff; box-shadow:0 10px 22px rgba(36,92,99,.28); }
.hg-chip-ic { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#EEF5F4; transition:background .25s ease; }
.hg-chip.is-on .hg-chip-ic { background:#D8A441; }
.hg-chip svg, .hg-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.hg-chip.is-on .hg-chip-ic svg { stroke:#1D3F44; }
.hg-stage { position:relative; z-index:1; max-width:820px; margin:0 auto; }
.page-id-1433 [data-id="5026e5bc"].hg-ready { display:block !important; grid-template-columns:none !important; gap:0 !important; margin:0 !important; padding:0 !important; max-width:none !important; }
.hg-card { display:flex !important; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:42px 44px 38px !important; border-radius:24px !important; background:linear-gradient(160deg, #245C63 0%, #1D3F44 100%) !important; color:#fff; box-shadow:0 24px 50px rgba(15,52,58,.25); position:relative; overflow:hidden; }
.hg-card[hidden] { display:none !important; }
.hg-card::before { content:''; position:absolute; inset:auto -60px -90px auto; width:260px; height:260px; border-radius:50%; border:36px solid rgba(216,164,65,.12); pointer-events:none; }
.hg-card.is-on { animation:hg6156In .55s cubic-bezier(.2,1,.3,1); }
.hg-card.is-on > * { animation:hg6156Up .6s cubic-bezier(.2,1,.3,1) both; }
.hg-card.is-on > *:nth-child(2) { animation-delay:.06s; } .hg-card.is-on > *:nth-child(3) { animation-delay:.12s; } .hg-card.is-on > *:nth-child(4) { animation-delay:.18s; }
@keyframes hg6156In { from { opacity:0; transform:translateY(14px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes hg6156Up { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.hg-icon { display:flex; align-items:center; justify-content:center; width:62px; height:62px; border-radius:50%; background:#D8A441; color:#1D3F44; box-shadow:0 0 0 8px rgba(216,164,65,.18); margin-bottom:4px; }
.hg-icon svg { width:28px; height:28px; }
.hg-card h3 { color:#fff !important; font-size:clamp(24px, 2.6vw, 32px) !important; margin:0 !important; text-align:center !important; }
.hg-card p { color:rgba(255,255,255,.9) !important; font-size:clamp(16px, 1.5vw, 18px) !important; line-height:1.6 !important; max-width:600px; margin:0 auto !important; text-align:center !important; }
.hg-card a.hm-btn { margin-top:10px !important; background:#D8A441 !important; border-color:#D8A441 !important; color:#1D3F44 !important; transition:transform .2s ease, box-shadow .2s ease !important; }
.hg-card a.hm-btn:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(0,0,0,.25); background:#F2CF86 !important; }

/* ---------- Upcoming events ---------- */
.page-id-1433 [data-id="3fab0a29"].he-grid { display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:26px !important; max-width:1120px !important; width:100% !important; margin:0 auto !important; padding:0 !important; }
.page-id-1433 [data-id="3fab0a29"][data-count="2"] { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; max-width:780px !important; }
.page-id-1433 [data-id="3fab0a29"][data-count="1"] { grid-template-columns:minmax(0, 1fr) !important; max-width:400px !important; }
.he-card { display:flex; flex-direction:column; border-radius:20px; overflow:hidden; background:#fff; text-decoration:none !important; color:inherit !important; box-shadow:0 12px 30px rgba(15,52,58,.12); border-bottom:4px solid #245C63; opacity:0; transform:translateY(24px); transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease; }
.he-grid.is-in .he-card { animation:he6156In .7s cubic-bezier(.2,1,.3,1) forwards; animation-delay:calc(var(--i) * .12s); }
@keyframes he6156In { to { opacity:1; transform:none; } }
.he-grid.is-in .he-card:hover { transform:translateY(-8px); box-shadow:0 24px 46px rgba(15,52,58,.2); border-bottom-color:#D8A441; }
.he-media { position:relative; height:170px; overflow:hidden; background:linear-gradient(135deg, #245C63 0%, #0F6C78 55%, #1D3F44 100%); }
.he-media::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 80% 20%, rgba(216,164,65,.35), rgba(216,164,65,0) 55%), repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 2px, transparent 2px 14px); }
.he-img { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity .6s ease, transform .8s ease; }
.he-card.has-img .he-img { opacity:1; }
.he-card:hover .he-img { transform:scale(1.06); }
.he-date { position:absolute; left:18px; bottom:-1px; width:64px; text-align:center; border-radius:14px 14px 0 0; background:#fff; padding:8px 0 6px; font-family:Montserrat, sans-serif; box-shadow:0 -6px 16px rgba(0,0,0,.12); }
.he-mo { display:block; font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#B5852A; }
.he-dy { display:block; font-size:28px; font-weight:800; line-height:1.05; color:#1D3F44; }
.he-body { display:flex; flex-direction:column; gap:6px; flex:1 1 auto; padding:18px 22px 22px; }
.he-body p { margin:0 !important; }
.he-wd { font-family:Montserrat, sans-serif; font-size:11px !important; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#0F6C78 !important; }
.he-title { margin:0 !important; font-size:20px !important; line-height:1.3 !important; color:#1D3F44 !important; }
.he-time { display:flex; align-items:center; gap:7px; font-size:15px !important; color:#4A5A5C !important; }
.he-time svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:#D8A441; stroke-width:2.2; stroke-linecap:round; }
.he-more { margin-top:auto; padding-top:8px; font-family:Montserrat, sans-serif; font-size:14px; font-weight:700; color:#245C63; }
.he-more span { display:inline-block; transition:transform .25s ease; }
.he-card:hover .he-more span { transform:translateX(5px); }
.he-loading { grid-column:1 / -1; display:flex; justify-content:center; gap:8px; padding:30px 0; }
.he-loading span { width:10px; height:10px; border-radius:50%; background:#D8A441; animation:he6156Dot 1s ease-in-out infinite; }
.he-loading span:nth-child(2) { animation-delay:.15s; } .he-loading span:nth-child(3) { animation-delay:.3s; }
@keyframes he6156Dot { 0%,100% { transform:translateY(0); opacity:.5; } 50% { transform:translateY(-8px); opacity:1; } }
.page-id-1433 [data-id="3fab0a29"].he-empty { grid-template-columns:minmax(0, 1fr) !important; max-width:640px !important; }
.he-none { text-align:center; padding:30px; border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(15,52,58,.1); }
.he-none p { margin:0 0 6px !important; }
.he-none-t { font-family:Montserrat, sans-serif; font-weight:800; font-size:20px !important; color:#1D3F44 !important; }
.page-id-1433 [data-id="5e82ca4e"] { justify-content:center !important; margin-top:30px !important; }

/* ---------- Responsive ---------- */
@media (max-width:1024px) {
  .page-id-1433 [data-id="3fab0a29"].he-grid { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
  .page-id-1433 [data-id="3fab0a29"][data-count="1"] { grid-template-columns:minmax(0, 1fr) !important; }
}
@media (max-width:900px) {
  .hs-bar { flex-wrap:wrap; }
  .hs-actions { width:100%; padding-left:88px; }
}
@media (max-width:767px) {
  .page-id-1433 [data-id="502741d0"] { margin-top:-36px !important; padding:0 16px !important; }
  .page-id-1433 .hp-cue { display:none; }
  .hs-bar { gap:14px; padding:18px; }
  .hs-date { width:56px; }
  .hs-dy { font-size:24px; }
  .hs-actions { padding-left:0; flex-wrap:wrap; }
  .hs-actions > * { flex:1 1 auto; }
  .hs-cal .hs-btn, .hs-actions > .hs-btn { width:100%; justify-content:center; }
  .hs-menu { left:0; right:auto; }
  .hg-chips { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; scroll-snap-type:x mandatory; margin:0 -16px 20px; padding:4px 16px 10px; scrollbar-width:none; }
  .hg-chips::-webkit-scrollbar { display:none; }
  .hg-chip { flex:0 0 auto; scroll-snap-align:start; font-size:14px; }
  .hg-card { padding:32px 22px 30px !important; }
  .page-id-1433 [data-id="3fab0a29"].he-grid, .page-id-1433 [data-id="3fab0a29"][data-count="2"] { grid-template-columns:minmax(0, 1fr) !important; max-width:440px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .hs-bar, .he-card, .hg-card.is-on, .hg-card.is-on > * { animation:none !important; opacity:1 !important; transform:none !important; }
  .hs-dot, .he-loading span { animation:none !important; }
}
