/**
 * Site footer.
 */

.tb-footer {
	display: flow-root;
	background: var(--tb-white);
}

.tb-footer__surface {
	background: var(--tb-footer-bg);
	color: var(--tb-white);
	padding-block: 64px;
}

.tb-footer__container {
	padding-inline: var(--tb-container-gutter);
}

.tb-footer__top {
	display: grid;
	gap: 64px;
}

.tb-footer__columns {
	display: flex;
	flex-wrap: nowrap;
	gap: 40px 96px;
	align-items: start;
	justify-content: space-between;
}

.tb-footer__column {
	flex-basis: 25%;
	display: grid;
	gap: 24px;
	min-width: 160px;
}

.tb-footer__heading {
	font-family: var(--tb-font-display);
	font-size: 36px;
	line-height: 43.2px;
	font-weight: 400;
	letter-spacing: 0.9px;
}

.tb-footer__links {
	display: grid;
	gap: 12px;
}

.tb-footer__links a,
.tb-footer__contact a {
	color: var(--tb-white);
	font-size: 16px;
	text-decoration: none;
	background: linear-gradient(to right, #fff, #fff) no-repeat 0 min(100%, 21.6px) / 0 1px;
	transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
}

.tb-footer__links a:hover,
.tb-footer__contact a:hover {
	background-size: 100% 1px;
}

.tb-footer__contact {
	font-size: 16px;
	line-height: 25.6px;
}

.tb-footer__meta {
	display: grid;
	gap: 48px;
}

.tb-footer__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	flex-wrap: wrap;
}

.tb-footer__social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.tb-footer__social a {
	color: var(--tb-white);
	display: inline-flex;
}

.tb-footer__apps {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.tb-footer__app-badge {
	color: var(--tb-white);
	font-size: 12px;
	font-weight: 700;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	padding: 8px 12px;
	text-decoration: none;
	white-space: nowrap;
}

.tb-footer__copyright {
	font-size: 16px;
	line-height: 25.6px;
	order: -1;
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.tb-footer__dmca {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	padding: 2px 8px;
	text-decoration: none;
}

.tb-footer__payments {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.tb-payment-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 24px;
	background: var(--tb-white);
	color: var(--tb-footer-bg);
	font-size: 6px;
	font-weight: 800;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	padding-inline: 2px;
}

@media (max-width: 989px) {
	.tb-footer__columns {
		flex-wrap: wrap;
	}

	.tb-footer__column {
		flex-basis: 40%;
	}
}

@media (max-width: 600px) {
	.tb-footer__column {
		flex-basis: 100%;
	}

	.tb-footer__row {
		justify-content: flex-start;
	}
}