/**
 * Senior HR Forum v1.8.14: newsletter box as a wide, short horizontal band (Susanne, 27 Oct 2026).
 * Replaces the narrow, tall v1.8.13 card. Hovers are light cyan, never orange.
 */

/* Same width as the footer column grid (theme wide size). */
.shf-join-band .shf-join-band__inner { max-width: var(--wp--style--global--wide-size, 1200px) !important; }
.shf-join-band.shf-join-band--compact,
.shf-join-band:not(.shf-join-band--compact) { padding-top: clamp(40px, 5vw, 64px) !important; padding-bottom: clamp(40px, 5vw, 64px) !important; }

.wp-block-group.shf-subscribe {
	display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: clamp(32px, 5vw, 72px);
	max-width: var(--wp--style--global--wide-size, 1200px) !important; width: 100%; box-sizing: border-box;
	padding: 30px clamp(32px, 4vw, 56px) !important; border-radius: 26px; text-align: left;
}
.wp-block-group.shf-subscribe > * { margin: 0 !important; max-width: none !important; }
/* Layered: soft glow top-right, a ring bottom-left, a second faint ring behind the action column. */
.shf-subscribe::before { right: 8%; top: -120px; width: 300px; height: 300px; }
.shf-subscribe::after { left: -46px; bottom: -92px; width: 170px; height: 170px; border-width: 16px; }
.shf-subscribe__side { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.shf-subscribe__side::before {
	content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: 230px; height: 230px; transform: translate(-50%, -50%);
	border-radius: 50%; border: 1px solid rgba(255, 255, 255, .10); box-shadow: 0 0 0 26px rgba(255, 255, 255, .03); pointer-events: none;
}

/* Left column. */
.shf-subscribe .shf-kicker { margin: 0 0 8px !important; text-align: left; }
.shf-subscribe .shf-subscribe__title { margin: 0 0 6px !important; text-align: left; font-size: clamp(1.4rem, 1rem + 1vw, 1.9rem) !important; white-space: nowrap; }
.shf-subscribe .shf-subscribe__text { margin: 0 !important; max-width: 60ch; text-align: left; font-size: 1rem; line-height: 1.55; text-wrap: balance; }

/* Right column: the button, then "Or follow us on" + icons in one row (no divider lines). */
.shf-subscribe .shf-subscribe__cta { margin: 0 !important; justify-content: center; }
.shf-subscribe .shf-btn-subscribe .wp-block-button__link { min-width: 210px; padding: 13px 28px !important; font-size: 1rem; gap: 10px; }
.shf-subscribe .shf-btn-subscribe .wp-block-button__link:is(:hover, :focus-visible) { background: #7FE3F2 !important; color: var(--shf-ink, #0B1A33) !important; box-shadow: 0 14px 30px rgba(34, 184, 207, .35); }
.shf-subscribe__follow { display: flex; align-items: center; gap: 12px; margin: 0 !important; }
.shf-subscribe__or-label { color: #E3F3F7; font-size: .92rem; letter-spacing: .01em; white-space: nowrap; }
.shf-subscribe .shf-follow { margin: 0 !important; gap: 8px; justify-content: flex-start; }
.shf-subscribe .shf-follow__btn { width: 40px; height: 40px; }

/* Real brand colours, white glyphs (resting, visited, after a click). */
.shf-subscribe .shf-follow.shf-follow--dark a.shf-follow__btn,
.shf-subscribe .shf-follow.shf-follow--dark a.shf-follow__btn:is(:link, :visited, :focus, :active) { color: #fff !important; border: 0; box-shadow: 0 6px 14px rgba(0, 0, 0, .18); }
.shf-subscribe .shf-follow a.shf-follow__btn--li { background: #0A66C2; }
.shf-subscribe .shf-follow a.shf-follow__btn--fb { background: #1877F2; }
.shf-subscribe .shf-follow a.shf-follow__btn--ig { background: radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%); }
/* Hover / keyboard focus: light cyan with an ink glyph (the shared sheen layer), never orange. */
.shf-subscribe .shf-follow.shf-follow--dark a.shf-follow__btn:is(:hover, :focus-visible) { color: var(--shf-ink, #0B1A33) !important; box-shadow: 0 10px 22px rgba(0, 0, 0, .22), 0 0 0 4px rgba(127, 227, 242, .35); }

/* v1.8.16: the homepage straddle (half-light / half-dark background) was removed; see assets/css/v1816.css. */

/* Tablets and phones: stacked and centred. */
@media (max-width: 900px) {
	.wp-block-group.shf-subscribe { grid-template-columns: 1fr; row-gap: 20px; text-align: center; padding: 30px 28px !important; }
	.shf-subscribe .shf-kicker, .shf-subscribe .shf-subscribe__title, .shf-subscribe .shf-subscribe__text { text-align: center; }
	.shf-subscribe .shf-kicker { margin-left: auto !important; margin-right: auto !important; }
	.shf-subscribe .shf-subscribe__title { white-space: normal; text-wrap: balance; }
	.shf-subscribe .shf-subscribe__text { margin: 0 auto !important; max-width: 52ch; }
	.shf-subscribe__side::before { display: none; }
}
@media (max-width: 600px) {
	.wp-block-group.shf-subscribe { padding: 28px 20px 26px !important; border-radius: 20px; }
	.shf-subscribe .shf-subscribe__title { font-size: 1.36rem !important; }
	.shf-subscribe .shf-subscribe__text { font-size: .95rem; text-wrap: balance; }
	.shf-subscribe__follow { flex-wrap: wrap; justify-content: center; }
}