/**
 * Finewerk global footer — final design (refferences/footer.png).
 *
 * Scoped under .fwsc-footer. Every themeable value is driven by a
 * --fwsc-footer-* custom property with its Figma default declared here;
 * the admin style schema overrides these via generated CSS (wp_add_inline_style),
 * so nothing in this file needs !important.
 *
 * Breakpoints match the site-components style pipeline:
 * tablet <= 1199px, mobile <= 767px.
 */

/* ------------------------------------------------------------------
 * Typography defaults (see assets/css/fonts.css)
 *
 * Archivo for every piece of text in this component, headings included.
 * Declared at single-class specificity — the tag group through a
 * zero-specificity :where() — so anything more specific can override it.
 * No !important anywhere.
 * ---------------------------------------------------------------- */

/* codi */
.fwsc-footer, .fwsc-footer :where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--finewerk-header-footer-font, "Space Grotesk", sans-serif);
}
/* -codi */

/* Form controls do not inherit the document font: the UA sheet gives
   button/input/select/textarea their own `font: 400 13.33px Arial`.
   Opt them back into the component's face. */
.fwsc-footer :where(button, input, select, textarea, optgroup) {
	font-family: inherit;
}

.fwsc-footer {
	--fwsc-footer-bg-top: #174340;
	--fwsc-footer-bg-bottom: #456735;
	--fwsc-footer-noise-opacity: 0.16;
	--fwsc-footer-mark-size: clamp(80px, 12.5vw, 240px);
	--fwsc-footer-wordmark-size: clamp(64px, 11.5vw, 215px);
	--fwsc-footer-avatar-size: 72px;
	--fwsc-footer-star-size: 13px;
	--fwsc-footer-card-tint: 255, 255, 255;
	--fwsc-footer-card-alpha: 0.08;
	--fwsc-footer-card-line: 255, 255, 255;
	--fwsc-footer-card-line-alpha: 0.16;
	--fwsc-footer-partners-tint: 20, 45, 22;
	--fwsc-footer-partners-alpha: 0.28;
	--fwsc-footer-bar-tint: 255, 255, 255;
	--fwsc-footer-bar-alpha: 0.1;
	--fwsc-footer-cta-icon-size: 44px;
	--fwsc-footer-social-size: 38px;
	--fwsc-footer-social-icon-size: 16px;
	--fwsc-footer-wa-icon-size: 22px;
	--fwsc-footer-card-radius: 24px;
	/* Optional background image (WP admin → Finewerk → Footer → Background
	   image). `--fwsc-footer-bg-image` stays `none` until the renderer sets
	   it inline, so the shell keeps its plain gradient by default. */
	--fwsc-footer-bg-image: none;
	--fwsc-footer-bg-size: cover;
	--fwsc-footer-bg-position: center center;
	--fwsc-footer-bg-repeat: no-repeat;
	--fwsc-footer-bg-attachment: scroll;
	--fwsc-footer-bg-overlay: 0.6;
	--fwsc-footer-link-gap: 20px;
	--fwsc-footer-green: #c8f8a9;
	--fwsc-footer-deep: #0f3d3a;
	--fwsc-footer-ink-circle: #0e302d;
	/* The footer is Archivo throughout — headings included. Both token names
	   are kept so existing rules keep working; they resolve to one face. */
	/* codi */
	--fwsc-footer-font-display: var(--finewerk-header-footer-font, "Space Grotesk", sans-serif);
	--fwsc-footer-font-body: var(--finewerk-header-footer-font, "Space Grotesk", sans-serif);
	/* -codi */

	padding: 12px;
	background: transparent;
	font-family: var(--fwsc-footer-font-body);
	box-sizing: border-box;
}

.fwsc-footer *,
.fwsc-footer *::before,
.fwsc-footer *::after {
	box-sizing: border-box;
}

/* ---------- Rounded gradient shell + noise ---------- */

.fwsc-footer__shell {
	position: relative;
	overflow: hidden;
	border-radius: 36px;
	background: linear-gradient(135deg, var(--fwsc-footer-bg-top) 0%, var(--fwsc-footer-bg-bottom) 100%);
	color: #ffffff;
	padding: clamp(40px, 5vw, 64px) 0 28px;
}

/* With a background image the photo becomes the shell's own background and
   the brand gradient moves on top of it as a tint, so the white footer text
   keeps its contrast. `--fwsc-footer-bg-overlay` (0 = bare photo, 1 = the
   original solid gradient) is the admin's readability dial. The gradient
   colors stay the shell's, so a tinted photo still reads as the same footer. */
.fwsc-footer__shell--has-bg {
	background-image: var(--fwsc-footer-bg-image);
	background-repeat: var(--fwsc-footer-bg-repeat);
	background-position: var(--fwsc-footer-bg-position);
	background-size: var(--fwsc-footer-bg-size);
	background-attachment: var(--fwsc-footer-bg-attachment);
	background-color: var(--fwsc-footer-bg-top);
}

.fwsc-footer__shell--has-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, var(--fwsc-footer-bg-top) 0%, var(--fwsc-footer-bg-bottom) 100%);
	opacity: var(--fwsc-footer-bg-overlay);
	pointer-events: none;
}

.fwsc-footer__shell::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("../images/site-components/footer/noise.svg");
	background-repeat: repeat;
	background-size: 240px 240px;
	opacity: var(--fwsc-footer-noise-opacity);
	pointer-events: none;
}

.fwsc-footer__inner {
	position: relative;
	z-index: 1;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 clamp(20px, 4vw, 48px);
	display: flex;
	flex-direction: column;
	row-gap: clamp(32px, 4.5vw, 56px);
}

/* ---------- Top row: tagline + awards ---------- */

.fwsc-footer__top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 32px;
	flex-wrap: wrap;
}

.fwsc-footer__tagline {
	margin: 0;
	font-family: var(--fwsc-footer-font-display);
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 700;
	line-height: 1.15;
	color: #ffffff;
	max-width: 560px;
}

.fwsc-footer__awards {
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
}

.fwsc-footer__awards-title {
	margin: 0;
	font-family: var(--fwsc-footer-font-display);
	font-size: clamp(22px, 2.2vw, 30px);
	font-weight: 400;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.95);
}

.fwsc-footer__awards-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 26px;
}

.fwsc-footer__award {
	display: inline-flex;
}

.fwsc-footer__award-img {
	display: block;
	height: 84px;
	width: auto;
}

.fwsc-footer__award-link {
	display: inline-flex;
	border-radius: 8px;
}

/* ---------- Watermark brand row ---------- */

.fwsc-footer__brand {
	display: flex;
	justify-content: center;
}

.fwsc-footer__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(20px, 4vw, 64px);
	color: #93ac8f;
	opacity: 0.9;
	text-decoration: none;
	line-height: 1;
	border-radius: 12px;
	max-width: 100%;
}

.fwsc-footer__brandmark {
	display: inline-flex;
	flex-shrink: 0;
}

.fwsc-footer__brandmark svg {
	width: var(--fwsc-footer-mark-size);
	height: var(--fwsc-footer-mark-size);
}

.fwsc-footer__wordmark {
	font-family: var(--fwsc-footer-font-display);
	font-size: var(--fwsc-footer-wordmark-size);
	font-weight: 700;
	letter-spacing: -0.03em;
	white-space: nowrap;
}

.fwsc-footer__logo-img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* ---------- Contact card + partner strip ---------- */

.fwsc-footer__card-zone {
	position: relative;
}

.fwsc-footer__card {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1.25fr 1fr;
	background-color: rgba(var(--fwsc-footer-card-tint), var(--fwsc-footer-card-alpha));
	border: 1px solid rgba(var(--fwsc-footer-card-line), var(--fwsc-footer-card-line-alpha));
	border-radius: var(--fwsc-footer-card-radius);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.fwsc-footer__card-cell {
	padding: 36px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
}

.fwsc-footer__card-cell + .fwsc-footer__card-cell {
	border-left: 1px solid rgba(var(--fwsc-footer-card-line), var(--fwsc-footer-card-line-alpha));
}

/* The expert cell centres its content the way the middle square does:
   `justify-content: center` on the base cell handles the vertical half,
   these two centre the avatar, label and phone across the cell's width. */
.fwsc-footer__card-cell--expert {
	align-items: center;
	text-align: center;
}

.fwsc-footer__avatar {
	display: inline-flex;
	width: var(--fwsc-footer-avatar-size);
	height: var(--fwsc-footer-avatar-size);
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 8px;
}

.fwsc-footer__avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}

.fwsc-footer__card-label {
	margin: 0;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.92);
}

.fwsc-footer__phone {
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}

.fwsc-footer__phone:hover,
.fwsc-footer__phone:focus-visible {
	color: var(--fwsc-footer-green);
}

/* The middle square centres its content on both axes (middle-square.png);
   `justify-content: center` on the base cell handles the vertical half. The
   looser gap matches the reference's vertical rhythm without touching the
   expert / reviews cells, which keep the card's shared 10px gap. */
.fwsc-footer__card-cell--contact {
	align-items: center;
	text-align: center;
	gap: 18px;
}

.fwsc-footer__location {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	font-family: var(--fwsc-footer-font-display);
}

.fwsc-footer__email {
	font-size: 17px;
	color: #ffffff;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.fwsc-footer__email:hover,
.fwsc-footer__email:focus-visible {
	color: var(--fwsc-footer-green);
}

.fwsc-footer__wa {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 5px;
	padding: 12px 20px;
	border-radius: 10px;
	background-color: var(--fwsc-footer-green);
	color: var(--fwsc-footer-deep);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.fwsc-footer__wa:hover,
.fwsc-footer__wa:focus-visible {
	background-color: #d9fcc2;
	transform: translateY(-1px);
}

.fwsc-footer__wa-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--fwsc-footer-wa-icon-size);
	height: var(--fwsc-footer-wa-icon-size);
}

.fwsc-footer__wa-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.fwsc-footer__card-cell--reviews {
	align-items: center;
	text-align: center;
}

.fwsc-footer__reviews {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	text-decoration: none;
	color: inherit;
}

.fwsc-footer__reviews-row {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.fwsc-footer__reviews-label {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.92);
}

.fwsc-footer__stars {
	display: inline-flex;
	gap: 2px;
	color: #f03c2e;
}

.fwsc-footer__stars svg {
	width: var(--fwsc-footer-star-size);
	height: var(--fwsc-footer-star-size);
}

.fwsc-footer__google {
	font-family: var(--fwsc-footer-font-body);
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1;
}

.fwsc-footer__google-l {
	font-style: normal;
	font-weight: 500;
}

.fwsc-footer__google-l--b { color: #4285f4; }
.fwsc-footer__google-l--r { color: #ea4335; }
.fwsc-footer__google-l--y { color: #fbbc05; }
.fwsc-footer__google-l--g { color: #34a853; }

.fwsc-footer__reviews-count {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.92);
}

/* Partner strip slides underneath the card's bottom corners. */

.fwsc-footer__partners {
	position: relative;
	z-index: 0;
	margin-top: -18px;
	padding: calc(18px + 18px) 44px 18px;
	border-radius: 0 0 var(--fwsc-footer-card-radius) var(--fwsc-footer-card-radius);
	background-color: rgba(var(--fwsc-footer-partners-tint), var(--fwsc-footer-partners-alpha));
}

.fwsc-footer__partners-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}

.fwsc-footer__partner {
	display: inline-flex;
	align-items: center;
}

.fwsc-footer__partner-img {
	display: block;
	height: 44px;
	width: auto;
	opacity: 0.92;
}

.fwsc-footer__partner-link {
	display: inline-flex;
	border-radius: 8px;
}

.fwsc-footer__partner-label {
	font-size: 15px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.92);
}

/* When the contact card is hidden the strip stands alone. */

.fwsc-footer__partners--solo {
	margin-top: 0;
	padding-top: 18px;
	border-radius: var(--fwsc-footer-card-radius);
}

/* ---------- Link columns ---------- */

/* The whole column block is centred as one unit: `fit-content` shrink-wraps
   the grid around its tracks (under an indefinite width the 1fr / 2fr tracks
   resolve from their content, keeping the 1 : 2 : 1 ratio) and the auto
   margins then centre that block inside the shell. Sizing the container —
   rather than aligning text inside each column — is what keeps the group
   optically centred instead of hugging the left edge. */
.fwsc-footer__columns {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	justify-content: center;
	gap: 24px;
	max-width: 1040px;
	margin: 0 auto;
	width: fit-content;
	padding: 8px 0 24px;
}

/* Subtle rules between the columns. The old 48px gap is kept overall: half
   of it stays as the grid gap, the other half becomes the padding that holds
   each column off its own divider, so the line lands centred in the space.
   The tint is the card's line colour, so every divider in the footer matches. */
.fwsc-footer__column + .fwsc-footer__column {
	border-left: 1px solid rgba(var(--fwsc-footer-card-line), var(--fwsc-footer-card-line-alpha));
	padding-left: 24px;
}

.fwsc-footer__column-title {
	margin: 0 0 18px;
	font-family: var(--fwsc-footer-font-display);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #ffffff;
}

.fwsc-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--fwsc-footer-link-gap);
}

.fwsc-footer__column--span2 .fwsc-footer__links {
	display: block;
	column-count: 2;
	column-gap: 48px;
}

.fwsc-footer__column--span2 .fwsc-footer__links li {
	break-inside: avoid;
	margin-bottom: var(--fwsc-footer-link-gap);
}

.fwsc-footer__links a {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.78);
	text-decoration: none;
	transition: color 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.fwsc-footer__links a:hover,
.fwsc-footer__links a:focus-visible {
	color: var(--fwsc-footer-green);
}

.fwsc-footer__link-badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 10px;
	border-radius: 999px;
	background-color: var(--fwsc-footer-green);
	color: var(--fwsc-footer-deep);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.6;
}

/* ---------- Bottom glass bar: CTA + social icons ---------- */

.fwsc-footer__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	padding: 18px 28px;
	border-radius: 24px;
	border: 1px solid rgba(var(--fwsc-footer-card-line), var(--fwsc-footer-card-line-alpha));
	background-color: rgba(var(--fwsc-footer-bar-tint), var(--fwsc-footer-bar-alpha));
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.fwsc-footer__cta {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	color: #ffffff;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 999px;
}

.fwsc-footer__cta:hover,
.fwsc-footer__cta:focus-visible {
	color: var(--fwsc-footer-green);
}

.fwsc-footer__cta-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--fwsc-footer-cta-icon-size);
	height: var(--fwsc-footer-cta-icon-size);
	border-radius: 50%;
	background-color: var(--fwsc-footer-ink-circle);
	color: #ffffff;
	flex-shrink: 0;
}

.fwsc-footer__cta-icon-img {
	width: 55%;
	height: 55%;
	object-fit: contain;
}

.fwsc-footer__socials {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 12px;
}

.fwsc-footer__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--fwsc-footer-social-size);
	height: var(--fwsc-footer-social-size);
	border-radius: 50%;
	background-color: var(--fwsc-footer-ink-circle);
	color: #ffffff;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.fwsc-footer__social:hover,
.fwsc-footer__social:focus-visible {
	background-color: var(--fwsc-footer-green);
	color: var(--fwsc-footer-deep);
	transform: translateY(-1px);
}

.fwsc-footer__social img,
.fwsc-footer__social svg {
	width: var(--fwsc-footer-social-icon-size);
	height: var(--fwsc-footer-social-icon-size);
	display: block;
}

.fwsc-footer__social-label {
	font-size: 12px;
	font-weight: 600;
}

/* ---------- Bottom line: copyright + legal links ---------- */

.fwsc-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.fwsc-footer__copyright {
	margin: 0;
	font-size: 19px;
	color: rgba(255, 255, 255, 0.72);
}

.fwsc-footer__legal {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: clamp(18px, 2.5vw, 36px);
	flex-wrap: wrap;
}

.fwsc-footer__legal a {
	font-size: 13px;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
	transition: color 0.2s ease;
}

.fwsc-footer__legal a:hover,
.fwsc-footer__legal a:focus-visible {
	color: var(--fwsc-footer-green);
}

/* ---------- Decorative image ---------- */

.fwsc-footer__decor {
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	opacity: 0.4;
}

.fwsc-footer__decor-img {
	display: block;
	max-width: 320px;
	height: auto;
}

/* ---------- Screen-reader-only helper ---------- */

.fwsc-footer .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Focus visibility ---------- */

.fwsc-footer a:focus-visible,
.fwsc-footer button:focus-visible {
	outline: 2px solid var(--fwsc-footer-green);
	outline-offset: 3px;
}

/* ---------- Tablet (matches Style_Css TABLET_MAX) ---------- */

@media (max-width: 1199px) {
	.fwsc-footer__card {
		grid-template-columns: 1fr 1fr;
	}

	.fwsc-footer__card-cell--reviews {
		grid-column: 1 / -1;
		border-top: 1px solid rgba(var(--fwsc-footer-card-line), var(--fwsc-footer-card-line-alpha));
	}

	.fwsc-footer__card-cell--reviews.fwsc-footer__card-cell {
		border-left: 0;
	}

	.fwsc-footer__columns {
		gap: 18px;
	}

	.fwsc-footer__column + .fwsc-footer__column {
		padding-left: 18px;
	}

	.fwsc-footer__partners-list {
		justify-content: center;
	}
}

/* ---------- Mobile (matches Style_Css MOBILE_MAX) ---------- */

@media (max-width: 767px) {
	.fwsc-footer {
		padding: 8px;
	}

	/* iOS Safari renders `background-attachment: fixed` at viewport size and
	   drops the image out of the shell, so the fixed option falls back to a
	   normally scrolling background on phones. */
	.fwsc-footer__shell--has-bg {
		background-attachment: scroll;
	}

	.fwsc-footer__shell {
		border-radius: 24px;
	}

	.fwsc-footer__top {
		flex-direction: column;
	}

	.fwsc-footer__awards {
		gap: 18px;
	}

	.fwsc-footer__award-img {
		height: 64px;
	}

	.fwsc-footer__logo {
		gap: 16px;
	}

	.fwsc-footer__card {
		grid-template-columns: 1fr;
	}

	.fwsc-footer__card-cell + .fwsc-footer__card-cell {
		border-left: 0;
		border-top: 1px solid rgba(var(--fwsc-footer-card-line), var(--fwsc-footer-card-line-alpha));
	}

	.fwsc-footer__card-cell {
		padding: 24px;
		align-items: flex-start;
	}

	.fwsc-footer__card-cell--reviews {
		align-items: flex-start;
		text-align: left;
	}

	.fwsc-footer__reviews {
		align-items: flex-start;
	}

	.fwsc-footer__partners {
		padding: calc(18px + 14px) 20px 16px;
	}

	.fwsc-footer__partners-list {
		justify-content: center;
		gap: 20px;
	}

	.fwsc-footer__partner-img {
		height: 34px;
	}

	/* Stacked: the single column spans the shell again, so the block goes back
	   to full width and the auto margins have nothing left to centre. */
	.fwsc-footer__columns {
		grid-template-columns: 1fr;
		gap: 16px;
		padding-bottom: 8px;
		width: 100%;
	}

	/* Stacked: the divider moves from the side to the top of each following
	   column, and the padding follows it so the 32px separation is unchanged. */
	.fwsc-footer__column + .fwsc-footer__column {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid rgba(var(--fwsc-footer-card-line), var(--fwsc-footer-card-line-alpha));
		padding-top: 16px;
	}

	.fwsc-footer__column--span2 .fwsc-footer__links {
		column-count: 1;
	}

	.fwsc-footer__column--span2 .fwsc-footer__links li {
		margin-bottom: 0;
	}

	.fwsc-footer__column--span2 .fwsc-footer__links {
		display: flex;
		flex-direction: column;
		gap: var(--fwsc-footer-link-gap);
	}

	.fwsc-footer__bar {
		flex-direction: column;
		align-items: flex-start;
		padding: 20px;
	}

	.fwsc-footer__legal {
		gap: 16px;
	}

	.fwsc-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ---------- Reduced motion ---------- */

@media (prefers-reduced-motion: reduce) {
	.fwsc-footer__wa,
	.fwsc-footer__social,
	.fwsc-footer__links a,
	.fwsc-footer__legal a,
	.fwsc-footer__cta {
		transition: none;
	}

	.fwsc-footer__wa:hover,
	.fwsc-footer__social:hover {
		transform: none;
	}
}