/**
 * 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-floating-supports {
	position: fixed;
	z-index: 950;
	inset-inline-start: max(1rem, env(safe-area-inset-left));
	inset-block-end: max(1rem, env(safe-area-inset-bottom));
	display: grid;
	justify-items: start;
	gap: .65rem;
}
body.mc-general-menu-open .mc-floating-supports { visibility: hidden; opacity: 0; pointer-events: none; }
.mc-floating-supports__panel {
	display: flex;
	grid-row: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: .55rem;
}
.mc-floating-supports__panel[hidden] { display: none; }
.mc-floating-supports__toggle {
	display: grid;
	grid-row: 2;
	width: 3.75rem;
	height: 3.75rem;
	padding: 0;
	color: #fff;
	cursor: pointer;
	background: #244b3d;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 .45rem 1.5rem rgb(0 0 0 / 25%);
	transition: transform 160ms ease, background-color 160ms ease;
	place-items: center;
}
.mc-floating-supports__toggle:hover { background: #0a8c74; transform: translateY(-2px); }
.mc-floating-supports__toggle:focus-visible { outline: 3px solid var(--mc-color-primary); outline-offset: 3px; }
.mc-floating-supports__toggle svg { width: 1.75rem; height: 1.75rem; }
.mc-floating-supports.is-open .mc-floating-supports__toggle { background: #0a8c74; }
.mc-floating-support {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	padding: .65rem .8rem;
	color: #087b67;
	background: #fff;
	border: 2px solid #0bc9a3;
	border-radius: 999px;
	box-shadow: 0 .4rem 1.4rem rgb(0 0 0 / 22%);
	text-decoration: none;
	transition: transform 160ms ease, box-shadow 160ms ease;
}
.mc-floating-support:hover { color: #087b67; transform: translateY(-2px); box-shadow: 0 .55rem 1.6rem rgb(0 0 0 / 28%); }
.mc-floating-support:focus-visible { outline: 3px solid var(--mc-color-primary); outline-offset: 3px; }
.mc-floating-support svg { width: 1.65rem; height: 1.65rem; flex: none; }
.mc-floating-support .mc-bale-logo { width: 2rem; height: 2rem; }
.mc-floating-support img { width: 2rem; height: 2rem; object-fit: contain; border-radius: 50%; }
.mc-floating-support__fallback { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; font-weight: 700; }
.mc-floating-support__label { font-size: var(--mc-font-size-sm); font-weight: 700; white-space: nowrap; }

@media (max-width: 63.999rem) {
	.mc-floating-supports__toggle { width: 3.4rem; height: 3.4rem; }
	.mc-floating-support { width: 3.25rem; height: 3.25rem; padding: 0; justify-content: center; }
	.mc-floating-support__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
	.mc-mobile-bottom-nav ~ .mc-floating-supports { inset-block-end: calc(5rem + env(safe-area-inset-bottom)); }
}

.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);
	}
}