/**
 * Mahis Commerce footer.
 */

.mc-footer {
	--mc-footer-border: color-mix(in srgb, var(--mc-footer-text) 18%, transparent);
	--mc-footer-muted: color-mix(in srgb, var(--mc-footer-text) 72%, transparent);
	--mc-footer-icon-size: 2.75rem;
	--mc-footer-certificate-size: 5rem;

	direction: rtl;
	color: var(--mc-footer-text, #f5f5f5);
	text-align: right;
	background: var(--mc-footer-background, #171717);
}

.mc-footer__container {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--mc-container-width);
	padding-inline: var(--mc-container-padding-mobile);
	margin-inline: auto;
}

.mc-footer a {
	color: inherit;
	text-decoration: none;
	transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.mc-footer a:hover {
	color: var(--mc-footer-hover, var(--mc-color-primary));
}

.mc-footer a:focus-visible {
	outline: 2px solid var(--mc-footer-hover, var(--mc-color-primary));
	outline-offset: 3px;
}

.mc-footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.mc-footer__main {
	padding-block: var(--mc-space-2xl);
}

.mc-footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--mc-space-xl);
	align-items: start;
}

.mc-footer__about,
.mc-footer__links,
.mc-footer__contact {
	min-width: 0;
}

.mc-footer__about h3,
.mc-footer__links h3,
.mc-footer__contact h3 {
	margin-block: 0 var(--mc-space-md);
	color: var(--mc-footer-text, #f5f5f5);
	font-size: var(--mc-font-size-lg);
	font-weight: var(--mc-font-weight-bold);
	line-height: var(--mc-line-height-tight);
}

.mc-footer__links li + li,
.mc-footer__phones li + li {
	margin-block-start: var(--mc-space-sm);
}

.mc-footer__about p,
.mc-footer__links a,
.mc-footer__links li > span,
.mc-footer__contact p,
.mc-footer__phones a,
.mc-footer__phone-label {
	color: var(--mc-footer-muted);
	font-size: var(--mc-font-size-sm);
	line-height: var(--mc-line-height-normal);
}

.mc-footer__about,
.mc-footer__links {
	text-align: right;
}

.mc-footer__about p {
	width: 100%;
	margin: 0;
	line-height: var(--mc-line-height-normal);
	text-align: justify;
	text-justify: inter-word;
}

.mc-footer__links a,
.mc-footer__links li > span {
	display: block;
	line-height: var(--mc-line-height-normal);
	overflow-wrap: anywhere;
	text-align: right;
}

.mc-footer__contact {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.mc-footer__contact p {
	width: 100%;
	margin-block: 0 var(--mc-space-md);
	line-height: var(--mc-line-height-normal);
	text-align: center;
}

.mc-footer__phones li {
	display: flex;
	justify-content: center;
}

.mc-footer__phones a,
.mc-footer__phone-label {
	display: inline-flex;
	gap: var(--mc-space-sm);
	align-items: center;
	justify-content: center;
	text-align: center;
}

.mc-footer__phones svg {
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	color: var(--mc-footer-hover, var(--mc-color-primary));
}

.mc-footer__hours {
	margin-block-start: var(--mc-space-md);
}

.mc-footer__socials {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-sm);
	justify-content: center;
	margin-block-start: var(--mc-space-lg);
}

.mc-footer__socials a {
	display: grid;
	width: var(--mc-footer-icon-size);
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid var(--mc-footer-border);
	border-radius: var(--mc-radius-full);
}

.mc-footer__socials a:hover,
.mc-footer__socials a:focus-visible {
	color: var(--mc-footer-hover, var(--mc-color-primary));
	border-color: currentColor;
}

.mc-footer__socials svg {
	width: 1.25rem;
	height: 1.25rem;
}

.mc-footer__certificates {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-md);
	align-items: center;
	justify-content: center;
	margin-block-start: var(--mc-space-lg);
}

.mc-footer__certificates li,
.mc-footer__certificates a {
	display: grid;
	width: var(--mc-footer-certificate-size);
	aspect-ratio: 1;
	place-items: center;
}

.mc-footer__certificates li {
	padding: var(--mc-space-sm);
	background: var(--mc-color-surface);
	border-radius: var(--mc-radius-medium);
}

.mc-footer__certificates img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.mc-footer__bottom {
	padding-block: var(--mc-space-md);
	font-size: var(--mc-font-size-sm);
	line-height: var(--mc-line-height-normal);
	border-block-start: 1px solid var(--mc-footer-border);
}

.mc-footer__bottom p {
	margin: 0;
	color: var(--mc-footer-muted);
	text-align: center;
}

@media (max-width: 47.999rem) {
	.mc-footer__about h3,
	.mc-footer__links h3,
	.mc-footer__contact h3 {
		margin-block-end: var(--mc-space-sm);
		font-size: var(--mc-mobile-font-size-secondary-heading);
		line-height: var(--mc-mobile-line-height-heading);
	}

	.mc-footer__about p,
	.mc-footer__links a,
	.mc-footer__links li > span,
	.mc-footer__contact p,
	.mc-footer__phones a,
	.mc-footer__phone-label {
		font-size: var(--mc-mobile-font-size-body);
		line-height: var(--mc-mobile-line-height-body);
	}

	.mc-footer__bottom {
		font-size: var(--mc-mobile-font-size-sm);
	}
}

@media (min-width: 64rem) {
	.mc-footer__container {
		padding-inline: var(--mc-container-padding-desktop);
	}

	.mc-footer__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: var(--mc-space-2xl);
	}
}