/**
 * Footer #1 (Elementor 493) — yellow theme, even spacing, no overflow hacks.
 * Loaded after Elementor so these variables beat post-493.css.
 */

/* Kitify replaces .site-wrapper; restore sticky footer on short pages (e.g. wishlist). */
.kitify-site-wrapper:not(.kitify--is-vheader) {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.elementor-location-footer.elementor-493 {
	--jaj-footer-yellow: #fce25e;
	--jaj-footer-yellow-light: #ffe578;
	--jaj-footer-yellow-deep: #efd045;
	--jaj-footer-blue: #2e5aa7;
	--jaj-footer-line: rgba(46, 90, 167, 0.35);
	/* Positioned so z-index wins over .site-content-wrapper (z-index: 1)
	   and the fixed shop filter pane trapped inside that stacking context. */
	position: relative;
	z-index: 40;
	overflow-x: clip;
	background-color: #FCE33A;
	background-image: url("../images/jaj-footer-brush.png?v=2");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* Main row: shrink-wrap the three blocks, equal leftover space between them */
.elementor-493 .elementor-element-6fb60ee {
	--jaj-footer-inline: 48px;
	--jaj-footer-gutter: 48px;
	--jaj-footer-col: 32rem; /* ~512px: Social + Support copy wraps to 2 lines on PC */
	--display: flex !important;
	--min-height: 0px !important;
	--flex-direction: row !important;
	--flex-wrap: nowrap !important;
	--justify-content: space-between !important;
	--align-items: flex-start !important;
	--gap: 28px var(--jaj-footer-gutter) !important;
	--row-gap: 28px !important;
	--column-gap: var(--jaj-footer-gutter) !important;
	--margin-top: 0px !important;
	--margin-bottom: 0px !important;
	--margin-left: 0px !important;
	--margin-right: 0px !important;
	--padding-top: 40px !important;
	--padding-bottom: 28px !important;
	--padding-left: var(--jaj-footer-inline) !important;
	--padding-right: var(--jaj-footer-inline) !important;
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	column-gap: var(--jaj-footer-gutter) !important;
	background-color: transparent !important;
	background-image: none !important;
}

.elementor-493 .elementor-element-6fb60ee:not(.elementor-motion-effects-element-type-background),
.elementor-493 .elementor-element-6fb60ee > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: transparent !important;
	background-image: none !important;
}

/* Empty spacer column that pushed Enamad off-screen */
.elementor-493 .elementor-element-94b2b12 {
	display: none !important;
}

/* Zero-width leftover HTML widget in the row */
.elementor-493 .elementor-element-5df2f29 {
	display: none !important;
}

/* Content columns: kill negative margins from breakpoint experiments */
.elementor-493 .elementor-element-62b97fd,
.elementor-493 .elementor-element-76db92f,
.elementor-493 .elementor-element-99ea294 {
	--min-height: 0px !important;
	--gap: 10px 10px !important;
	--row-gap: 10px !important;
	--column-gap: 10px !important;
	--margin-top: 0px !important;
	--margin-bottom: 0px !important;
	--margin-left: 0px !important;
	--margin-right: 0px !important;
	--padding-top: 0px !important;
	--padding-bottom: 0px !important;
	--padding-left: 0px !important;
	--padding-right: 0px !important;
	min-width: 0;
	max-width: none !important;
}

/* Right-edge identifier: blue rounded bar, same color as titles */
.elementor-493 .elementor-element-62b97fd,
.elementor-493 .elementor-element-76db92f,
.elementor-493 .elementor-element-99ea294 {
	position: relative;
	--padding-right: 12px !important;
	padding-right: 12px !important;
}

.elementor-493 .elementor-element-62b97fd::after,
.elementor-493 .elementor-element-76db92f::after,
.elementor-493 .elementor-element-99ea294::after {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 2px;
	right: -2px;
	width: 4px;
	background-color: rgba(46, 90, 167, 0.4);
	border-radius: 8px;
	pointer-events: none;
}

.elementor-493 .elementor-element-62b97fd.e-con,
.elementor-493 .elementor-element-76db92f.e-con {
	--flex-grow: 0;
	--flex-shrink: 1;
	--flex-basis: var(--jaj-footer-col);
	flex: 0 1 var(--jaj-footer-col);
	width: auto !important;
	max-width: var(--jaj-footer-col) !important;
	--width: auto !important;
	align-items: flex-start !important;
	text-align: start !important;
}

.elementor-493 .elementor-element-62b97fd .elementor-heading-title,
.elementor-493 .elementor-element-76db92f .elementor-heading-title,
.elementor-493 .elementor-element-62b97fd .elementor-widget-container,
.elementor-493 .elementor-element-76db92f .elementor-widget-container {
	text-align: start !important;
}

.elementor-493 .elementor-element-99ea294.e-con {
	--flex-grow: 0;
	--flex-shrink: 0;
	--flex-basis: auto;
	flex: 0 0 auto;
	width: fit-content !important;
	max-width: none !important;
	--width: fit-content !important;
}

/* Enamad: title on top, seal below, always centered to the title */
.elementor-493 .elementor-element-99ea294 {
	--flex-direction: column !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
}

.elementor-493 .elementor-element-d36cae0,
.elementor-493 .elementor-element-d36cae0 > .elementor-widget-container,
.elementor-493 .elementor-element-d36cae0 .elementor-heading-title {
	width: auto !important;
	max-width: max-content !important;
	text-align: center !important;
	align-self: center !important;
}

.elementor-493 .elementor-element-3d385e0 {
	width: 112px !important;
	max-width: 112px !important;
	--container-widget-width: 112px !important;
	--flex-grow: 0 !important;
	--flex-shrink: 0 !important;
	--align-self: center !important;
	align-self: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.elementor-493 .elementor-element-3d385e0 > .elementor-widget-container {
	margin: 8px auto 0 auto !important;
	padding: 0 !important;
	text-align: center !important;
}

.elementor-493 .elementor-element-3d385e0 img {
	display: block !important;
	width: 112px !important;
	max-width: 112px !important;
	height: auto !important;
	margin: 0 auto !important;
}

@media (min-width: 1025px) {
	.elementor-493 .elementor-element-6fb60ee {
		display: flex !important;
		--display: flex !important;
	}
}

/* Copyright: real last row, not a −180px overlay */
.elementor-493 .elementor-element-388fa60 {
	--margin-top: 0px !important;
	--margin-bottom: 0px !important;
	--margin-left: 0px !important;
	--margin-right: 0px !important;
	--padding-top: 14px !important;
	--padding-bottom: 16px !important;
	--padding-left: 48px !important;
	--padding-right: 48px !important;
	--gap: 0px !important;
	--min-height: 0px !important;
	background-color: transparent !important;
	background-image: none !important;
	border-top: 1px solid var(--jaj-footer-line);
}

.elementor-493 .elementor-element-388fa60 > .elementor-shape-top,
.elementor-493 .elementor-element-388fa60 > .e-con-inner > .elementor-shape-top {
	display: none !important;
}

.elementor-493 .elementor-element-219799e {
	--order: 0 !important;
	text-align: center !important;
}

.elementor-493 .elementor-element-219799e > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
}

.elementor-493 .elementor-element-219799e .elementor-heading-title {
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: var(--jaj-footer-blue) !important;
}

.elementor-493 .elementor-heading-title {
	color: var(--jaj-footer-blue) !important;
}

/* Icons readable on yellow (override leftover white custom CSS) */
.elementor-493 .elementor-element-03bb7a9,
.elementor-493 .elementor-element-210b19c {
	color: var(--jaj-footer-blue) !important;
}

.elementor-493 .elementor-social-icon {
	background-color: transparent !important;
	border-color: var(--jaj-footer-blue) !important;
}

.elementor-493 .elementor-social-icon i,
.elementor-493 .elementor-social-icon svg {
	color: var(--jaj-footer-blue) !important;
	fill: var(--jaj-footer-blue) !important;
}

.elementor-493 .elementor-social-icon:hover {
	background-color: var(--jaj-footer-blue) !important;
	border-color: var(--jaj-footer-blue) !important;
}

.elementor-493 .elementor-social-icon:hover i,
.elementor-493 .elementor-social-icon:hover svg {
	color: var(--jaj-footer-yellow) !important;
	fill: var(--jaj-footer-yellow) !important;
}

/* Social: Bale glyph next to Telegram */
.elementor-493 .elementor-element-03bb7a9 .elementor-social-icon-whatsapp {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.elementor-493 .elementor-element-03bb7a9 .elementor-social-icon-whatsapp i.fa-whatsapp {
	display: block !important;
	width: 1em !important;
	height: 1em !important;
	font-size: inherit !important;
	line-height: 1 !important;
	margin: 0 !important;
	color: transparent !important;
	background-color: var(--jaj-footer-blue) !important;
	background-image: none !important;
	-webkit-mask-image: url("../images/bale-icon.svg?v=4");
	mask-image: url("../images/bale-icon.svg?v=4");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.elementor-493 .elementor-element-03bb7a9 .elementor-social-icon-whatsapp i.fa-whatsapp::before {
	content: none !important;
	display: none !important;
}

.elementor-493 .elementor-element-03bb7a9 .elementor-social-icon-whatsapp:hover i.fa-whatsapp {
	background-color: var(--jaj-footer-yellow) !important;
}

/* Support: Bale glyph, same blue / yellow hover as Instagram + Telegram */
.elementor-493 .elementor-element-210b19c .elementor-social-icon-whatsapp {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.elementor-493 .elementor-element-210b19c .elementor-social-icon-whatsapp i.fa-whatsapp {
	display: block !important;
	width: 1em !important;
	height: 1em !important;
	font-size: inherit !important;
	line-height: 1 !important;
	margin: 0 !important;
	color: transparent !important;
	background-color: var(--jaj-footer-blue) !important;
	background-image: none !important;
	-webkit-mask-image: url("../images/bale-icon.svg?v=4");
	mask-image: url("../images/bale-icon.svg?v=4");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.elementor-493 .elementor-element-210b19c .elementor-social-icon-whatsapp i.fa-whatsapp::before {
	content: none !important;
	display: none !important;
}

.elementor-493 .elementor-element-210b19c .elementor-social-icon-whatsapp:hover i.fa-whatsapp {
	background-color: var(--jaj-footer-yellow) !important;
}

/* Laptop */
@media (max-width: 1599px) {
	.elementor-493 .elementor-element-6fb60ee {
		--jaj-footer-inline: 40px;
		--jaj-footer-gutter: 40px;
		--jaj-footer-col: 22rem;
		--padding-top: 36px !important;
		--padding-bottom: 24px !important;
		--padding-left: var(--jaj-footer-inline) !important;
		--padding-right: var(--jaj-footer-inline) !important;
		--gap: 24px var(--jaj-footer-gutter) !important;
		--row-gap: 24px !important;
		--column-gap: var(--jaj-footer-gutter) !important;
	}

	.elementor-493 .elementor-element-388fa60 {
		--padding-left: 40px !important;
		--padding-right: 40px !important;
	}
}

@media (max-width: 1279px) {
	.elementor-493 .elementor-element-6fb60ee {
		--jaj-footer-inline: 32px;
		--jaj-footer-gutter: 32px;
		--padding-top: 32px !important;
		--padding-bottom: 22px !important;
		--padding-left: var(--jaj-footer-inline) !important;
		--padding-right: var(--jaj-footer-inline) !important;
	}

	.elementor-493 .elementor-element-388fa60 {
		--padding-left: 32px !important;
		--padding-right: 32px !important;
	}
}

/* Tablet: two tracks; Enamad under Social (first/start column), not page-centered */
@media (max-width: 1024px) {
	.elementor-493 .elementor-element-6fb60ee {
		--jaj-footer-inline: 28px;
		--jaj-footer-gutter: 28px;
		--display: grid !important;
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		justify-content: stretch;
		justify-items: stretch;
		--gap: 24px var(--jaj-footer-gutter) !important;
		--row-gap: 24px !important;
		--column-gap: var(--jaj-footer-gutter) !important;
		--padding-top: 32px !important;
		--padding-bottom: 20px !important;
		--padding-left: var(--jaj-footer-inline) !important;
		--padding-right: var(--jaj-footer-inline) !important;
	}

	.elementor-493 .elementor-element-62b97fd.e-con,
	.elementor-493 .elementor-element-76db92f.e-con {
		flex: none;
		--flex-grow: 0;
		--width: 100% !important;
		width: 100% !important;
		max-width: none !important;
	}

	.elementor-493 .elementor-element-99ea294.e-con,
	.elementor-493 .elementor-element-99ea294 {
		grid-column: 1;
		justify-self: start;
		flex: none;
		width: fit-content !important;
		max-width: 100% !important;
		--width: fit-content !important;
		--flex-direction: column !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.elementor-493 .elementor-element-388fa60 {
		--padding-top: 12px !important;
		--padding-bottom: 14px !important;
		--padding-left: 28px !important;
		--padding-right: 28px !important;
	}
}

@media (max-width: 991px) {
	.elementor-493 .elementor-element-6fb60ee {
		--jaj-footer-inline: 24px;
		--jaj-footer-gutter: 24px;
		--padding-top: 28px !important;
		--padding-bottom: 20px !important;
		--padding-left: var(--jaj-footer-inline) !important;
		--padding-right: var(--jaj-footer-inline) !important;
	}

	.elementor-493 .elementor-element-388fa60 {
		--padding-left: 24px !important;
		--padding-right: 24px !important;
	}
}

/* Phone: single column, compact */
@media (max-width: 767px) {
	.elementor-493 .elementor-element-6fb60ee {
		--jaj-footer-inline: 20px;
		--jaj-footer-gutter: 20px;
		--display: grid !important;
		display: grid !important;
		grid-template-columns: 1fr;
		--gap: 20px var(--jaj-footer-gutter) !important;
		--row-gap: 20px !important;
		--column-gap: var(--jaj-footer-gutter) !important;
		--padding-top: 28px !important;
		--padding-bottom: 20px !important;
		--padding-left: var(--jaj-footer-inline) !important;
		--padding-right: var(--jaj-footer-inline) !important;
	}

	.elementor-493 .elementor-element-62b97fd.e-con,
	.elementor-493 .elementor-element-76db92f.e-con {
		--width: 100% !important;
		width: 100% !important;
		max-width: none !important;
		--margin-top: 0px !important;
	}

	/* Match the visual gap after Support (Enamad title has 30px top margin) */
	.elementor-493 .elementor-element-76db92f.e-con,
	.elementor-493 .elementor-element-76db92f {
		--margin-top: 30px !important;
		margin-top: 30px !important;
	}

	/* Same RTL start edge as Social; seal stays centered to the Enamad title */
	.elementor-493 .elementor-element-99ea294.e-con,
	.elementor-493 .elementor-element-99ea294 {
		grid-column: 1;
		--flex-direction: column !important;
		flex-direction: column !important;
		align-items: center !important;
		width: fit-content !important;
		max-width: 100% !important;
		--width: fit-content !important;
		justify-self: start;
		--margin-top: 0px !important;
	}

	.elementor-493 .elementor-element-d36cae0,
	.elementor-493 .elementor-element-d36cae0 > .elementor-widget-container,
	.elementor-493 .elementor-element-d36cae0 .elementor-heading-title {
		width: auto !important;
		max-width: 100% !important;
	}

	.elementor-493 .elementor-element-3d385e0 {
		--align-self: center !important;
		align-self: center !important;
	}

	.elementor-493 .elementor-element-388fa60 {
		--padding-top: 12px !important;
		--padding-bottom: 16px !important;
		--padding-left: 20px !important;
		--padding-right: 20px !important;
	}

	.elementor-493 .elementor-element-219799e {
		text-align: center !important;
	}
}