/*
 * Senior HR Forum v1.8.12: LinkedIn, Facebook and Instagram in every social spot (inc/v1812.php).
 * Icons are always visible. On dark backgrounds they stay white at rest and after a click
 * (:focus, :active, :visited); hover and keyboard focus use the light-cyan style. No orange.
 */

/* ===================== Homepage hero proof: third overlapping circle ===================== */
.shf-proof__icon--ig { background: var(--shf-teal-dark, #08546A); z-index: 0; }
.shf-proof a.shf-proof__icon,
.shf-proof a.shf-proof__icon:is(:link, :visited, :focus, :active, :hover, :focus-visible) { color: #fff !important; text-decoration: none !important; }
.shf-proof a.shf-proof__icon svg,
.shf-proof a.shf-proof__icon svg path { fill: currentColor; }
.shf-proof a.shf-proof__icon:hover { box-shadow: 0 0 0 3px #B9E9F1; }

/* ===================== Footer icons (ink background): white in every state except hover ===================== */
.shf-footer .shf-social a.shf-social__link,
.shf-footer .shf-social a.shf-social__link:is(:link, :visited, :focus, :active) { color: #fff !important; }
.shf-footer .shf-social a.shf-social__link:is(:hover, :focus-visible) { background: var(--shf-cyan-bright, #7FE3F2); border-color: var(--shf-cyan-bright, #7FE3F2); color: var(--shf-ink, #0B1A33) !important; }
.shf-footer .shf-footer__list a:is(:link, :visited, :focus, :active) { color: #fff !important; }
.shf-footer .shf-footer__list a:hover { color: #B9E9F1 !important; }

/* ===================== Follow row under a text link (events panel, single post) ===================== */
.shf-panel .shf-follow,
.shf-article__join .shf-follow { margin-top: 14px !important; }
.shf-article--v18 .shf-article__join a.shf-follow__btn::after { content: none; }
.shf-article--v18 .shf-article__join a.shf-follow__btn:hover { text-decoration: none; }

/* ===================== v1.8.13: platform names and follower figures are links ===================== */
/* Hero proof text (light glass card): looks the same, underline on hover/focus in brand cyan. */
.shf-proof a.shf-proof__item { color: inherit !important; text-decoration: none !important; border-radius: 4px; }
.shf-proof a.shf-proof__item:is(:hover, :focus-visible) { text-decoration: underline !important; text-decoration-color: var(--shf-cyan, #22B8CF) !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
.shf-proof a.shf-proof__item:focus-visible { outline: 3px solid var(--shf-teal-dark, #08546A); outline-offset: 2px; }
/* About bento follower cards: the label is the link, its click area covers the whole card. */
.shf-stat:has(.shf-stat__link) { position: relative; transition: transform .2s ease, box-shadow .2s ease; }
.shf-stat a.shf-stat__link,
.shf-stat a.shf-stat__link:is(:link, :visited, :focus, :active) { color: inherit !important; text-decoration: underline; text-decoration-color: var(--shf-cyan, #22B8CF); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.shf-stat a.shf-stat__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.shf-stat:has(.shf-stat__link:hover) { transform: translateY(-2px); box-shadow: 0 0 0 3px rgba(34, 184, 207, 0.35); }
.shf-stat a.shf-stat__link:focus-visible { outline: none; }
.shf-stat:has(.shf-stat__link:focus-visible) { outline: 3px solid var(--shf-teal-dark, #08546A); outline-offset: 3px; }
/* About number band (dark): white label, underline; whole item clickable; light-cyan hover. */
.shf-about-band__item:has(.shf-about-band__link) { position: relative; }
.shf-about-band a.shf-about-band__link,
.shf-about-band a.shf-about-band__link:is(:link, :visited, :focus, :active) { color: inherit !important; text-decoration: underline; text-decoration-color: rgba(127, 227, 242, 0.7); text-underline-offset: 4px; }
.shf-about-band a.shf-about-band__link::after { content: ""; position: absolute; inset: 0; }
.shf-about-band a.shf-about-band__link:hover { color: #B9E9F1 !important; text-decoration-color: #7FE3F2; }
.shf-about-band a.shf-about-band__link:focus-visible { outline: 3px solid #7FE3F2; outline-offset: 3px; }
/* Tools "More templates" card (dark): white underlined link, light-cyan hover. */
.shf-tool-card__text a.shf-social-text,
.shf-tool-card__text a.shf-social-text:is(:link, :visited, :focus, :active) { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
.shf-tool-card__text a.shf-social-text:hover { color: #B9E9F1 !important; }

/* ===================== v1.8.13: smaller newsletter box (Susanne, 27 Oct 2026) ===================== */
/* About 38% less vertical padding, 800 px wide, heading ~20% smaller (one line on desktop), a slightly
   smaller button, tighter button / divider / icons spacing, decorative rings scaled down. */
.wp-block-group.shf-subscribe { max-width: 800px; margin-left: auto !important; margin-right: auto !important; padding: 35px 40px 30px !important; border-radius: 24px; box-sizing: border-box; }
.shf-subscribe::before { right: -60px; top: -60px; width: 180px; height: 180px; }
.shf-subscribe::after { left: -50px; bottom: -78px; width: 170px; height: 170px; border-width: 16px; }
.shf-subscribe .shf-kicker { margin-bottom: 8px !important; }
.shf-subscribe .shf-subscribe__title { font-size: clamp(1.3rem, 1rem + 0.95vw, 1.84rem) !important; margin: 0 0 8px !important; }
.shf-subscribe .shf-subscribe__text { font-size: 0.98rem; margin: 0 0 20px !important; }
.shf-subscribe .shf-btn-subscribe .wp-block-button__link { min-width: 200px; padding: 13px 28px !important; font-size: 1rem; gap: 10px; }
.shf-subscribe .shf-btn-subscribe .wp-block-button__link::after { width: 19px; height: 19px; }
.shf-subscribe .shf-subscribe__or { margin: 22px auto 10px !important; max-width: 380px; }
.shf-subscribe .shf-follow { margin-top: 0 !important; gap: 10px; }
.shf-subscribe .shf-follow__btn { width: 42px; height: 42px; }
@media (max-width: 600px) {
	.wp-block-group.shf-subscribe { padding: 28px 20px 24px !important; border-radius: 18px; }
	.shf-subscribe .shf-subscribe__title { font-size: 1.32rem !important; }
	.shf-subscribe .shf-subscribe__text { font-size: 0.95rem; margin-bottom: 18px !important; }
	.shf-subscribe .shf-subscribe__or { margin: 18px auto 10px !important; }
}

/* v1.8.13: the "LinkedIn" link in the Tools "More templates" card sits above the card-wide "Get updates" link area. */
.shf-tool-card--more { position: relative; }
.shf-tool-card__text a.shf-social-text { position: relative; z-index: 2; }

/* ===================== v1.8.13: footer: brand | Explore | Community | Get in touch | Archive + Policy ===================== */
.shf-footer .wp-block-columns.shf-footer__cols { gap: clamp(24px, 3vw, 44px); }
.shf-footer__col--contact { flex-basis: 24% !important; flex-grow: 0 !important; }
.shf-footer__heading--sub { margin-top: 26px !important; }
.shf-footer__contact { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.shf-footer__contact li { margin: 0; color: #DCEFF3; line-height: 1.45; }
.shf-footer__contact-label { display: block; font-size: 0.82rem; color: #B9E9F1; margin-bottom: 2px; }
.shf-footer a.shf-footer__contact-link,
.shf-footer a.shf-footer__contact-link:is(:link, :visited, :focus, :active) { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; text-decoration: none; overflow-wrap: anywhere; }
.shf-footer__contact-link svg { flex: 0 0 auto; color: #7FE3F2; }
.shf-footer a.shf-footer__contact-link:hover span { text-decoration: underline; color: #B9E9F1; }
.shf-footer a.shf-footer__contact-more,
.shf-footer a.shf-footer__contact-more:is(:link, :visited, :focus, :active) { color: #fff !important; font-weight: 700; text-decoration: none; }
.shf-footer a.shf-footer__contact-more:hover { color: #B9E9F1 !important; text-decoration: underline; }
.shf-footer__join { margin: 16px 0 0 !important; }
.shf-footer a.shf-footer__join-btn,
.shf-footer a.shf-footer__join-btn:is(:link, :visited, :focus, :active) { display: inline-flex; align-items: center; padding: 9px 18px; border-radius: 999px; border: 1.5px solid #7FE3F2; background: rgba(127, 227, 242, 0.08); color: #fff !important; font-size: 0.9rem; font-weight: 700; text-decoration: none; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.shf-footer a.shf-footer__join-btn:is(:hover, :focus-visible) { background: #7FE3F2; color: var(--shf-ink, #0B1A33) !important; transform: translateY(-1px); }
.shf-footer a.shf-footer__join-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.shf-footer a:focus-visible { outline: 3px solid #7FE3F2; outline-offset: 3px; border-radius: 4px; }
/* Tablet: brand on its own row, then two columns. Phone: one column, Get in touch right after the brand. */
@media (max-width: 1023px) {
	.shf-footer .wp-block-columns.shf-footer__cols { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 32px; }
	.shf-footer .wp-block-columns.shf-footer__cols > .wp-block-column { flex-basis: auto !important; margin: 0 !important; min-width: 0; }
	.shf-footer .wp-block-columns.shf-footer__cols > .shf-footer__col--brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
	.shf-footer .wp-block-columns.shf-footer__cols { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.shf-footer__col--brand { order: 0; }
	.shf-footer__col--contact { order: 1; }
	.shf-footer__col--explore { order: 2; }
	.shf-footer__col--community { order: 3; }
	.shf-footer__col--more { order: 4; }
}