/**
 * Senior HR Forum v1.8.17: email ICONS open Gmail compose and show a Gmail-coloured "M" mark on white
 * (Susanne, 27 Oct 2026). Text email addresses stay mailto: links. Hover: lift + light-cyan ring, never orange.
 */
.shf-gmail-mark { display: block; }

/* Footer icon row: white circle, same size as the LinkedIn / Facebook / Instagram circles. */
.shf-footer .shf-social a.shf-social__link--email,
.shf-footer .shf-social a.shf-social__link--email:is(:link, :visited, :focus, :active) {
	background: #fff !important; border-color: transparent !important; box-shadow: 0 6px 14px rgba(0, 0, 0, .25);
}
.shf-footer .shf-social a.shf-social__link--email:is(:hover, :focus-visible) {
	background: #fff !important; border-color: transparent !important; transform: translateY(-2px);
	box-shadow: 0 0 0 4px rgba(127, 227, 242, .55), 0 10px 22px rgba(0, 0, 0, .3);
}

/* Contact page "Email" tile: now a link to Gmail, same white tile as before. */
a.shf-contact-row__icon--gmail { text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease; }
a.shf-contact-row__icon--gmail:is(:hover, :focus-visible) { transform: translateY(-2px); box-shadow: 0 0 0 4px rgba(127, 227, 242, .55), 0 10px 22px rgba(11, 26, 51, .14); }
a.shf-contact-row__icon--gmail:focus-visible { outline: 3px solid var(--shf-teal-dark, #08546A); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
	.shf-footer .shf-social a.shf-social__link--email:hover, a.shf-contact-row__icon--gmail:hover { transform: none; }
}