/*--------------------------------------------------------------
# LP Footer — self-contained reusable component
# Variables can be overridden by any parent scope.
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Trusted Brand
--------------------------------------------------------------*/
.lp-footer-trusted {
	--lp-footer-bg: #191817;
	--lp-footer-text: #fff;

	padding-block: 25px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	background:
		linear-gradient(322.21deg, var(--lp-footer-bg) 0%, var(--lp-footer-bg) 100%)
			padding-box,
		linear-gradient(
				269.86deg,
				rgba(116, 116, 116, 0.2) 0.01%,
				rgba(255, 255, 255, 0.2) 99.99%
			)
			border-box;

	@media (width >= 992px) {
		padding-block: 20px;
	}

	.trusted-content {
		margin-inline: auto;
		max-width: 770px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 20px;

		@media (width >= 992px) {
			flex-direction: row;
			gap: 30px;
		}

		img {
			flex-shrink: 0;
			width: 188px;
		}

		p {
			margin: 0;
			font-weight: 400;
			font-size: 1.25rem;
			line-height: 1.42;
			color: var(--lp-footer-text);
			text-align: center;
			text-wrap: pretty;

			@media (width >= 992px) {
				text-align: left;
			}

			@media (width >= 1200px) {
				font-size: 1.5rem;
			}
		}
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.lp-footer {
	--lp-footer-bg: #191817;
	--lp-footer-text: #fff;
	--lp-footer-muted: #b3afa9;
	--lp-footer-font: "Figtree", sans-serif;

	font-family: var(--lp-footer-font);
	padding-block: 27px 36px;
	background: var(--lp-footer-bg);

	@media (min-width: 768px) {
		padding-block: 70px;
	}

	.wrapper {
		width: min(calc(100% - 28px), 1274px);
		max-width: none;
		padding: 0;
		margin-inline: auto;
	}

	p {
		margin: 0 0 20px;
		font-weight: 300;
		font-size: 0.875rem;
		line-height: 1.57;
		color: var(--lp-footer-muted);

		&:last-child {
			margin-bottom: 0;
		}
	}

	.top-row {
		@media (min-width: 992px) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 55px;
		}
	}

	.sec-menu-wrapper {
		@media (min-width: 992px) {
			order: 2;
		}

		ul {
			margin: 0 0 24px;
			padding: 0;
			list-style: none;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 18px 40px;

			@media (min-width: 768px) {
				gap: 18px 30px;
			}

			@media (min-width: 992px) {
				order: 1;
				margin-bottom: 0;
			}
		}

		a {
			text-decoration: none;
			font-weight: 500;
			font-size: 1rem;
			line-height: 1.03;
			color: var(--lp-footer-text);

			&:hover,
			&:focus-visible {
				color: var(--lp-footer-text);
				text-decoration: none;
			}

			@media (min-width: 768px) {
				line-height: 1.3;
			}
		}
	}

	.payment-wrapper {
		margin-bottom: 24px;

		@media (min-width: 992px) {
			margin-bottom: 0;
			order: 3;
		}

		p {
			margin-bottom: 8px;
			font-weight: 400;
			color: var(--lp-footer-text);
			text-align: center;

			@media (min-width: 992px) {
				text-align: right;
			}
		}

		.payment-image {
			display: block;
			width: 100%;
			max-width: 256px;
			margin: 0 auto;

			@media (min-width: 992px) {
				max-width: 246px;
				margin-inline: auto 0;
			}
		}
	}

	.copy-text-wrapper {
		margin-bottom: 24px;

		@media (min-width: 992px) {
			margin-bottom: 0;
			order: 1;
		}

		p {
			text-align: center;

			@media (min-width: 992px) {
				text-align: left;
			}
		}
	}
}