/* v1.8.13: past events labelled; Events page split into Upcoming / Past; homepage Articles "coming soon".
   Hovers use light cyan, never orange. Logic: inc/v1813-events.php. */

/* ---------- Past event pill + muted photo ---------- */
.shf-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important; }
.shf-pills > .shf-pill { margin: 0 !important; }
.shf-pill.shf-pill--past { background: #EEF1F4; color: #5B6670; font-weight: 600; }
.shf-event-card.is-past .shf-event-card__image img { filter: grayscale(.35); transition: filter .45s ease, transform .5s ease; }
.shf-event-card.is-past:hover .shf-event-card__image img,
.shf-event-card.is-past:focus-within .shf-event-card__image img { filter: none; }

/* ---------- Events page sections ---------- */
.shf-ev-section { margin: 0 0 clamp(40px, 6vw, 72px); }
.shf-ev-section__title {
	margin: 0 0 clamp(18px, 2.4vw, 28px) !important;
	color: var(--shf186-navy, #0B1A33);
	font-family: var(--wp--preset--font-family--maven-pro, "Maven Pro", sans-serif);
	font-weight: 800; font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.15; letter-spacing: -.01em;
}
.shf-ev-section__title--past { margin-top: 0 !important; }

/* Coming-soon line: open, layered (soft rings behind), no boxed card. */
.shf-ev-soon {
	position: relative; isolation: isolate; display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px;
	padding: clamp(18px, 3vw, 30px) 0 clamp(18px, 3vw, 30px) clamp(18px, 3vw, 32px);
	border-left: 3px solid #7FD6E6;
	background: linear-gradient(90deg, rgba(220, 240, 245, .55), rgba(220, 240, 245, 0) 75%);
}
.shf-ev-soon__rings {
	position: absolute; z-index: -1; right: 4%; top: 50%; width: 220px; height: 220px; transform: translateY(-50%);
	border-radius: 50%; border: 1px solid rgba(11, 106, 133, .14);
	box-shadow: 0 0 0 28px rgba(127, 214, 230, .08), 0 0 0 56px rgba(127, 214, 230, .05);
	pointer-events: none;
}
.shf-ev-soon__line { margin: 0 !important; max-width: 560px; color: var(--shf186-ink, #24384A); font-size: 1.06rem; line-height: 1.6; }

/* ---------- Single event: ended note ---------- */
.shf-ended-note {
	display: inline-flex; align-items: center; gap: 8px; margin: 0 !important;
	padding: 4px 12px; border-radius: 999px; background: #EEF1F4; color: #5B6670;
	font-size: .8rem; font-weight: 600; line-height: 1.3;
}
.shf-ended-note::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #8A96A1; }

/* ---------- Homepage Articles: coming soon (layered, airy, not a boxed card) ---------- */
.shf-mck-soon {
	position: relative; isolation: isolate; margin-top: clamp(28px, 4vw, 48px);
	padding: clamp(36px, 5vw, 64px) clamp(8px, 3vw, 40px);
	min-height: 260px;
}
.shf-mck-soon__layer { position: absolute; z-index: -1; pointer-events: none; border-radius: 28px; }
.shf-mck-soon__layer--a {
	inset: 0 18% 12% 0;
	background: linear-gradient(120deg, rgba(234, 243, 246, .95), rgba(234, 243, 246, .35));
	transform: rotate(-1.2deg);
}
.shf-mck-soon__layer--b {
	right: 0; bottom: 0; width: 46%; height: 70%;
	background: radial-gradient(circle at 70% 40%, rgba(127, 214, 230, .32), rgba(127, 214, 230, 0) 65%);
	border: 1px solid rgba(11, 106, 133, .10);
	transform: rotate(2deg);
}
.shf-mck-soon__text { position: relative; max-width: 620px; }
.shf-mck-soon__eyebrow {
	margin: 0 0 14px !important; color: var(--shf186-slate, #4A5A6A);
	font-family: var(--wp--preset--font-family--maven-pro, "Maven Pro", sans-serif);
	font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
}
.shf-mck-soon__eyebrow::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #0B6A85; margin-right: 10px; vertical-align: .08em; }
.shf-mck-soon__title {
	margin: 0 0 14px !important; color: var(--shf186-navy, #0B1A33) !important;
	font-family: var(--wp--preset--font-family--maven-pro, "Maven Pro", sans-serif) !important;
	font-weight: 800 !important; font-size: clamp(1.6rem, 3vw, 2.4rem) !important; line-height: 1.12 !important; text-wrap: balance;
}
.shf-mck-soon__line { margin: 0 0 26px !important; color: var(--shf186-ink, #24384A); font-size: 1.05rem; line-height: 1.6; }
.shf-mck-soon__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.shf-mck-soon__link {
	display: inline-flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: 999px;
	background: var(--shf186-navy, #0B1A33); color: #fff !important; text-decoration: none !important;
	font-family: var(--wp--preset--font-family--maven-pro, "Maven Pro", sans-serif); font-weight: 700; font-size: .95rem;
	transition: transform .25s ease, background-color .25s ease, color .25s ease;
}
.shf-mck-soon__link span { transition: transform .25s ease; }
.shf-mck-soon__link:hover, .shf-mck-soon__link:focus-visible { background: #DFF6FA; color: var(--shf186-navy, #0B1A33) !important; transform: translateY(-2px); }
.shf-mck-soon__link:hover span, .shf-mck-soon__link:focus-visible span { transform: translateX(4px); }
.shf-mck-soon__link:focus-visible { outline: 3px solid #0B6A85; outline-offset: 3px; }

@media (max-width: 700px) {
	.shf-mck-soon__layer--a { inset: 0 0 18% 0; }
	.shf-mck-soon__layer--b { width: 70%; height: 50%; }
	.shf-ev-soon__rings { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.shf-event-card.is-past .shf-event-card__image img, .shf-mck-soon__link, .shf-mck-soon__link span { transition: none; }
}

/* ---------- v1.8.13 copy: "We're back" (Events page, no upcoming events) ---------- */
.shf-comeback { position: relative; isolation: isolate; overflow: hidden; padding: clamp(28px, 4vw, 52px) clamp(4px, 2vw, 24px) clamp(28px, 4vw, 48px) clamp(20px, 3vw, 36px); border-left: 3px solid #7FD6E6; background: radial-gradient(60% 120% at 100% 50%, rgba(127, 214, 230, .18) 0%, rgba(127, 214, 230, 0) 70%), linear-gradient(90deg, rgba(220, 240, 245, .6), rgba(220, 240, 245, 0) 80%); border-radius: 0 28px 28px 0; }
.shf-comeback > * { position: relative; }
.shf-comeback__rings { position: absolute !important; z-index: -1; right: 3%; top: 50%; width: 260px; height: 260px; transform: translateY(-50%); border-radius: 50%; border: 1px solid rgba(11, 106, 133, .16); box-shadow: 0 0 0 32px rgba(127, 214, 230, .09), 0 0 0 64px rgba(127, 214, 230, .05); pointer-events: none; }
.shf-comeback__dots { position: absolute !important; z-index: -1; right: 18%; bottom: 14px; width: 130px; height: 80px; background-image: radial-gradient(#0B6A85 1.4px, transparent 1.6px); background-size: 14px 14px; opacity: .22; pointer-events: none; }
.shf-comeback__eyebrow { margin: 0 0 10px !important; display: inline-flex; align-items: center; gap: 8px; color: var(--shf-teal, #0B6A85); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.shf-comeback__eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #FF7A1A; }
.shf-comeback__title { margin: 0 0 12px !important; color: var(--shf186-navy, #0B1A33); font-family: var(--wp--preset--font-family--maven-pro, "Maven Pro", sans-serif); font-weight: 800; font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.15; text-transform: none !important; }
.shf-comeback__text { margin: 0 !important; max-width: 60ch; color: var(--shf186-ink, #24384A); font-size: 1.06rem; line-height: 1.65; }
.shf-comeback__actions { margin-top: 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.shf-comeback a.shf-comeback__join, .shf-comeback a.shf-comeback__join:is(:link, :visited, :focus, :active) { display: inline-flex; align-items: center; padding: 11px 22px; border-radius: 999px; background: var(--shf186-navy, #0B1A33); color: #fff !important; font-weight: 700; font-size: .95rem; text-decoration: none; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.shf-comeback a.shf-comeback__join:is(:hover, :focus-visible) { background: #7FE3F2; color: var(--shf-ink, #0B1A33) !important; transform: translateY(-1px); }
.shf-comeback a.shf-comeback__join:focus-visible { outline: 3px solid var(--shf-teal-dark, #08546A); outline-offset: 3px; }
.shf-ev-section__sub { margin: -12px 0 clamp(20px, 2.6vw, 30px) !important; color: var(--shf186-slate, #5B6670); font-size: 1rem; }
@media (max-width: 600px) { .shf-comeback__rings, .shf-comeback__dots { display: none; } }
/* Homepage events: one compact line above the cards. */
.shf-comeback-line { margin: 0 0 18px !important; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; color: var(--shf186-ink, #24384A); font-size: 1rem; line-height: 1.5; }
.shf-comeback-line__eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 999px; background: #DFF4F8; color: var(--shf-teal-dark, #08546A); font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
/* Sits in the dark home events header, under the lead. */
.shf-events .shf-comeback-line { margin: 14px 0 0 !important; color: rgba(255, 255, 255, .92); }
.shf-events .shf-comeback-line__eyebrow { background: rgba(127, 227, 242, .18); color: #7FE3F2; border: 1px solid rgba(127, 227, 242, .35); }