/*
|--------------------------------------------------------------------------
| BARGCHI FOOTER — FINAL CLEAN BASE
|--------------------------------------------------------------------------
| RTL / Lightweight / Accessible / Performance-friendly
|--------------------------------------------------------------------------
*/


/* ==========================================================================
   1. Shared Variables
   ========================================================================== */

.bargchi-footer-support,
.bargchi-footer-main {
	--bf-navy: #0f2b5b;
	--bf-text: #273548;
	--bf-muted: #6f7c8d;
	--bf-border: #e4eaf1;
	--bf-soft: #f7f9fc;
	--bf-main-bg: #f8fafc;
	--bf-orange: #e97018;
	--bf-whatsapp: #16865c;
	--bf-whatsapp-soft: #edf8f3;

	width: 100%;
	max-width: none;

	margin: 0;

	box-sizing: border-box;

	direction: rtl;
}


/* ==========================================================================
   2. Support Strip
   ========================================================================== */

.bargchi-footer-support {
	position: relative;

	background: #ffffff;

	border-top: 1px solid var(--bf-border);
	border-bottom: 1px solid var(--bf-border);

	box-shadow: 0 0 0 100vmax #ffffff;
	clip-path: inset(0 -100vmax);
}


.bargchi-footer-support__container {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 32px;

	width: min(100% - 40px, 1220px);

	margin-inline: auto;

	padding-block: 22px;
}


/* Support Content
   -------------------------------------------------------------------------- */

.bargchi-footer-support__content {
	display: flex;

	align-items: center;

	gap: 14px;

	min-width: 0;
}


.bargchi-footer-support__icon {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	flex: 0 0 46px;

	width: 46px;
	height: 46px;

	color: var(--bf-navy);

	background: var(--bf-soft);

	border: 1px solid var(--bf-border);
	border-radius: 12px;
}


.bargchi-footer-support__icon svg {
	display: block;

	width: 23px;
	height: 23px;

	fill: none;

	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.bargchi-footer-support__text {
	min-width: 0;

	text-align: right;
}


.bargchi-footer-support__title {
	margin: 0 0 4px;
	padding: 0;

	color: var(--bf-navy);

	font-size: 16px;
	font-weight: 800;
	line-height: 1.55;
}


.bargchi-footer-support__description {
	margin: 0;

	color: var(--bf-muted);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.9;
}


/* Support Actions
   -------------------------------------------------------------------------- */

.bargchi-footer-support__actions {
	display: flex;

	align-items: center;

	gap: 10px;

	flex: 0 0 auto;
}


.bargchi-footer-support__button {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	gap: 7px;

	min-height: 42px;

	padding-inline: 15px;

	border-radius: 9px;

	box-shadow: none;

	font-size: 14px;
	font-weight: 800;
	line-height: 1;

	text-decoration: none;

	white-space: nowrap;

	transition:
		color 160ms ease,
		background-color 160ms ease,
		border-color 160ms ease,
		transform 160ms ease;
}


.bargchi-footer-support__button svg {
	display: block;

	flex: 0 0 17px;

	width: 17px;
	height: 17px;

	fill: none;

	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* Call */

.bargchi-footer-support__button--call {
	color: var(--bf-navy);

	background: #ffffff;

	border: 1px solid var(--bf-navy);
}


.bargchi-footer-support__button--call:hover {
	color: #ffffff;

	background: var(--bf-navy);

	border-color: var(--bf-navy);

	transform: translateY(-1px);
}


/* WhatsApp */

.bargchi-footer-support__button--whatsapp {
	color: var(--bf-whatsapp);

	background: var(--bf-whatsapp-soft);

	border: 1px solid #b9dfcf;
}


.bargchi-footer-support__button--whatsapp:hover {
	color: #ffffff;

	background: var(--bf-whatsapp);

	border-color: var(--bf-whatsapp);

	transform: translateY(-1px);
}


.bargchi-footer-support__button:focus-visible {
	outline: 2px solid var(--bf-navy);

	outline-offset: 3px;
}


/* ==========================================================================
   3. Main Footer
   ========================================================================== */

.bargchi-footer-main {
	position: relative;

	background: var(--bf-main-bg);

	border-bottom: 1px solid var(--bf-border);

	box-shadow: 0 0 0 100vmax var(--bf-main-bg);
	clip-path: inset(0 -100vmax);
}


.bargchi-footer-main__container {
	width: min(100% - 40px, 1220px);

	margin-inline: auto;

	padding: 40px 0 8px;
}


/*
 * Desktop order:
 *
 * LEFT                                        RIGHT
 * Trust | Services | Quick Links | Brand
 *
 * Visually this means:
 * Brand → Quick → Services → Trust
 * which is correct for RTL.
 */

.bargchi-footer-main__grid {
	display: grid;

	grid-template-columns:
		minmax(185px, 0.85fr)
		minmax(165px, 0.78fr)
		minmax(155px, 0.72fr)
		minmax(270px, 1.30fr);

	grid-template-areas:
		"trust services quick brand";

	align-items: start;

	column-gap: 38px;

	direction: ltr;
}


.bargchi-footer-main__grid > * {
	direction: rtl;
}


.bargchi-footer-brand {
	grid-area: brand;
}


.bargchi-footer-links--quick {
	grid-area: quick;
}


.bargchi-footer-links--services {
	grid-area: services;
}


.bargchi-footer-trust {
	grid-area: trust;
}


/* ==========================================================================
   4. Brand
   ========================================================================== */

.bargchi-footer-brand {
	width: 100%;

	max-width: 330px;

	text-align: right;
}


/* Brand Identity
   -------------------------------------------------------------------------- */

.bargchi-footer-brand__identity {
	display: flex;

	align-items: center;

	gap: 14px;

	margin-bottom: 25px;

	direction: rtl;
}


.bargchi-footer-brand__logo-link {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	flex: 0 0 58px;

	width: 58px;
	height: 58px;

	text-decoration: none;
}


.bargchi-footer-brand__logo-image {
	display: block;

	width: 58px;
	height: 58px;

	object-fit: contain;
}


.bargchi-footer-brand__heading {
	display: flex;

	flex-direction: column;

	gap: 3px;

	min-width: 0;

	text-align: right;
}


.bargchi-footer-brand__name {
	margin: 0;
	padding: 0;

	color: var(--bf-navy);

	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;

	text-decoration: none;

	white-space: nowrap;
}


.bargchi-footer-brand__name:hover {
	color: var(--bf-navy);
}


.bargchi-footer-brand__tagline {
	margin: 0;
	padding: 0;

	color: var(--bf-text);

	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
}


/* Store Information
   -------------------------------------------------------------------------- */

.bargchi-footer-brand__info {
	display: flex;

	flex-direction: column;

	gap: 13px;

	margin: 0;
	padding: 0;

	color: var(--bf-muted);

	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.9;
}


.bargchi-footer-brand__info-row {
	display: flex;

	align-items: flex-start;

	gap: 10px;

	min-width: 0;
}


.bargchi-footer-brand__info-icon {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	flex: 0 0 20px;

	width: 20px;
	height: 20px;

	margin-top: 2px;

	color: var(--bf-navy);
}


.bargchi-footer-brand__info-icon svg {
	display: block;

	width: 19px;
	height: 19px;

	fill: none;

	stroke: currentColor;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.bargchi-footer-brand__link {
	color: var(--bf-muted);

	text-decoration: none;

	transition: color 150ms ease;
}


.bargchi-footer-brand__link:hover {
	color: var(--bf-navy);
}


.bargchi-footer-brand__phone {
	direction: ltr;

	unicode-bidi: isolate;

	font-variant-numeric: tabular-nums;
}


/* ==========================================================================
   5. Footer Navigation Columns
   ========================================================================== */

.bargchi-footer-links {
	min-width: 0;

	text-align: right;

	direction: rtl;
}


.bargchi-footer-links__title,
.bargchi-footer-trust__title {
	position: relative;

	margin: 0 0 20px;

	padding: 0 0 11px;

	color: var(--bf-navy);

	font-size: 16px;
	font-weight: 800;
	line-height: 1.5;
}





.bargchi-footer-links__list {
	display: flex;

	flex-direction: column;

	gap: 2px;

	margin: 0;
	padding: 0;

	list-style: none;
}


.bargchi-footer-links__item {
	margin: 0;
	padding: 0;
}


.bargchi-footer-links__link {
	display: inline-flex;

	align-items: center;

	min-height: 37px;

	padding-block: 5px;

	color: #5f6d7d;

	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;

	text-decoration: none;

	transition: color 150ms ease;
}


.bargchi-footer-links__link:hover {
	color: var(--bf-navy);
}


.bargchi-footer-links__link:focus-visible {
	outline: 2px solid var(--bf-navy);

	outline-offset: 3px;

	border-radius: 3px;
}


/* Missing pages */

.bargchi-footer-links__link--disabled {
	color: #a3acb7;

	cursor: default;
}


.bargchi-footer-links__link--disabled:hover {
	color: #a3acb7;
}


/* ==========================================================================
   6. Trust
   ========================================================================== */

.bargchi-footer-trust {
	min-width: 0;

	padding: 0;

	border: 0;

	text-align: right;

	direction: rtl;
}


.bargchi-footer-trust__description {
	max-width: 215px;

	margin: 0 0 18px;

	color: var(--bf-muted);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.9;
}


.bargchi-footer-trust__content {
	display: flex;

	align-items: flex-start;

	gap: 10px;
}


.bargchi-footer-trust__icon {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	flex: 0 0 38px;

	width: 38px;
	height: 38px;

	color: var(--bf-navy);

	background: transparent;

	border: 1px solid var(--bf-border);
	border-radius: 8px;
}


.bargchi-footer-trust__icon svg {
	display: block;

	width: 20px;
	height: 20px;

	fill: none;

	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.bargchi-footer-trust__text {
	display: flex;

	flex-direction: column;

	gap: 2px;

	min-width: 0;
}


.bargchi-footer-trust__text strong {
	color: var(--bf-text);

	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
}


.bargchi-footer-trust__text span {
	color: var(--bf-muted);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
}


/* ==========================================================================
   7. Focus / Accessibility
   ========================================================================== */

.bargchi-footer-brand__logo-link:focus-visible,
.bargchi-footer-brand__name:focus-visible,
.bargchi-footer-brand__link:focus-visible {
	outline: 2px solid var(--bf-navy);

	outline-offset: 4px;

	border-radius: 3px;
}

/* ==========================================================================
   7. Benefits
   ========================================================================== */

.bargchi-footer-benefits {
	display: grid;

	grid-template-columns: repeat(4, minmax(0, 1fr));

	align-items: stretch;

	margin-top: 38px;

	padding: 0;

	overflow: hidden;

	background: #ffffff;

	border: 1px solid var(--bf-border);
	border-radius: 16px;

	direction: rtl;
}


.bargchi-footer-benefit {
	display: flex;

	align-items: center;

	gap: 14px;

	min-width: 0;
	min-height: 98px;

	padding: 17px 22px;

	background: #ffffff;
}


.bargchi-footer-benefit:not(:first-child) {
	border-inline-start: 1px solid var(--bf-border);
}


.bargchi-footer-benefit__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 50px;

	width: 50px;
	height: 50px;

	color: var(--bf-navy);
}


.bargchi-footer-benefit__icon svg {
	display: block;

	width: 46px;
	height: 46px;

	fill: none;

	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.bargchi-footer-benefit__icon .accent {
	stroke: var(--bf-orange);
}


.bargchi-footer-benefit__text {
	display: flex;

	flex-direction: column;

	gap: 5px;

	min-width: 0;

	text-align: right;
}


.bargchi-footer-benefit__text strong {
	margin: 0;

	color: var(--bf-navy);

	font-size: 16px;
	font-weight: 800;
	line-height: 1.7;
}


.bargchi-footer-benefit__text span {
	margin: 0;

	color: var(--bf-muted);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
}


/* ==========================================================================
   8. Footer Bottom / Copyright
   ========================================================================== */

.bargchi-footer-bottom {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 20px;

	margin-top: 12px;

	padding: 10px 0 2px;

	border-top: 1px solid var(--bf-border);

	direction: rtl;
}


.bargchi-footer-bottom__copyright,
.bargchi-footer-bottom__tagline {
	margin: 0;

	color: var(--bf-text);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.9;
}


/* ==========================================================================
   9. Tablet
   ========================================================================== */

@media (max-width: 991px) {

	/* Support */

	.bargchi-footer-support__container {
		align-items: flex-start;

		flex-direction: column;

		gap: 16px;
	}


	.bargchi-footer-support__actions {
		width: 100%;
	}


	.bargchi-footer-support__button {
		flex: 1 1 0;
	}


	/* Main */

	.bargchi-footer-main__container {
		padding-block: 34px 32px;
	}


	.bargchi-footer-main__grid {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(0, 1fr);

		grid-template-areas:
			"services brand"
			"trust quick";

		gap: 36px 44px;
	}


	.bargchi-footer-brand {
		max-width: none;
	}


	.bargchi-footer-trust__description {
		max-width: 280px;
	}


	/* Benefits */

	.bargchi-footer-benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	.bargchi-footer-benefit {
		min-height: 108px;
	}


	.bargchi-footer-benefit:not(:first-child) {
		border-inline-start: 0;
	}


	.bargchi-footer-benefit:nth-child(even) {
		border-inline-start: 1px solid var(--bf-border);
	}


	.bargchi-footer-benefit:nth-child(n + 3) {
		border-top: 1px solid var(--bf-border);
	}

}


/* ==========================================================================
   10. Mobile
   ========================================================================== */

@media (max-width: 767px) {

	/* Support */

	.bargchi-footer-support__container {
		width: calc(100% - 28px);

		padding-block: 18px;

		gap: 15px;
	}


	.bargchi-footer-support__content {
		align-items: flex-start;

		gap: 11px;

		width: 100%;

		direction: rtl;
		text-align: right;
	}


	.bargchi-footer-support__text {
		flex: 1 1 auto;

		text-align: right;
	}


	.bargchi-footer-support__icon {
		flex-basis: 40px;

		width: 40px;
		height: 40px;

		border-radius: 10px;
	}


	.bargchi-footer-support__icon svg {
		width: 20px;
		height: 20px;
	}


	.bargchi-footer-support__title {
		font-size: 16px;
	}


	.bargchi-footer-support__description {
		font-size: 14px;

		line-height: 1.8;
	}


	.bargchi-footer-support__actions {
		display: grid;

		grid-template-columns: repeat(2, minmax(0, 1fr));

		gap: 8px;
	}


	.bargchi-footer-support__button {
		width: 100%;

		min-height: 44px;

		padding-inline: 10px;

		font-size: 14px;

		border-radius: 9px;
	}


	/* Main */

	.bargchi-footer-main__container {
		width: calc(100% - 28px);

		padding: 28px 0 6px;
	}


	.bargchi-footer-main__grid {
		grid-template-columns: 1fr;

		grid-template-areas:
			"brand"
			"quick"
			"services"
			"trust";

		gap: 0;

		width: 100%;

		direction: rtl;
	}


	.bargchi-footer-main__grid > * {
		width: 100%;

		justify-self: stretch;

		direction: rtl;
		text-align: right;
	}


	/* Brand */

	.bargchi-footer-brand {
		max-width: none;

		padding-bottom: 26px;
	}


	.bargchi-footer-brand__identity {
		gap: 12px;

		margin-bottom: 21px;
	}


	.bargchi-footer-brand__logo-link {
		flex-basis: 52px;

		width: 52px;
		height: 52px;
	}


	.bargchi-footer-brand__logo-image {
		width: 52px;
		height: 52px;
	}


	.bargchi-footer-brand__name {
		font-size: 16px;
	}


	.bargchi-footer-brand__tagline,
	.bargchi-footer-brand__info {
		font-size: 14px;
	}


	.bargchi-footer-brand__info {
		gap: 12px;
	}


	.bargchi-footer-brand__identity {
		width: 100%;

		justify-content: flex-start;

		direction: rtl;
	}


	.bargchi-footer-brand__heading {
		align-items: stretch;

		text-align: right;
	}


	.bargchi-footer-brand__info-row {
		width: 100%;

		justify-content: flex-start;

		direction: rtl;
		text-align: right;
	}


	/* Navigation + Trust */

	.bargchi-footer-links,
	.bargchi-footer-trust {
		padding-block: 23px;

		border-top: 1px solid var(--bf-border);
	}


	.bargchi-footer-links__title,
	.bargchi-footer-trust__title {
		margin-bottom: 14px;

		font-size: 16px;
	}


	.bargchi-footer-links__link,
	.bargchi-footer-trust__description,
	.bargchi-footer-trust__text strong,
	.bargchi-footer-trust__text span {
		font-size: 14px;
	}


	.bargchi-footer-links__list {
		width: 100%;

		align-items: stretch;
	}


	.bargchi-footer-links__link {
		width: 100%;

		min-height: 39px;

		justify-content: flex-start;

		text-align: right;
	}


	.bargchi-footer-trust__content {
		width: 100%;

		justify-content: flex-start;

		direction: rtl;
		text-align: right;
	}


	.bargchi-footer-trust__description {
		max-width: none;

		margin-bottom: 16px;
	}


	.bargchi-footer-trust__icon {
		flex-basis: 36px;

		width: 36px;
		height: 36px;
	}


	.bargchi-footer-trust__icon svg {
		width: 19px;
		height: 19px;
	}


	/* Benefits */

	.bargchi-footer-benefits {
		grid-template-columns: 1fr;

		margin-top: 26px;

		border-radius: 14px;
	}


	.bargchi-footer-benefit {
		min-height: 0;

		padding: 20px 18px;
	}


	.bargchi-footer-benefit:not(:first-child),
	.bargchi-footer-benefit:nth-child(even) {
		border-inline-start: 0;
		border-top: 1px solid var(--bf-border);
	}


	.bargchi-footer-benefit__icon {
		flex-basis: 50px;

		width: 50px;
		height: 50px;
	}


	.bargchi-footer-benefit__icon svg {
		width: 44px;
		height: 44px;
	}


	.bargchi-footer-benefit__text strong {
		font-size: 16px;
	}


	.bargchi-footer-benefit__text span {
		font-size: 14px;
	}


	/* Footer bottom */

	.bargchi-footer-bottom {
		align-items: center;
		flex-direction: column;

		gap: 2px;

		margin-top: 10px;

		padding: 8px 0 0;

		text-align: center;
	}


	.bargchi-footer-bottom__copyright,
	.bargchi-footer-bottom__tagline {
		font-size: 14px;
	}

}


/* ==========================================================================
   11. Very Small Screens
   ========================================================================== */

@media (max-width: 390px) {

	.bargchi-footer-support__actions {
		grid-template-columns: 1fr;
	}

}


/* ==========================================================================
   12. Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.bargchi-footer-support__button,
	.bargchi-footer-brand__link,
	.bargchi-footer-links__link {
		transition: none;
	}

}

/* ==========================================================================
   13. Remove leftover WoodMart footer area
   ========================================================================== */

/*
 * The custom footer is rendered before WoodMart's footer template.
 * After hiding the original footer, the remaining viewport can expose
 * the body's default white background. Match the body background to the
 * custom footer so the page ends seamlessly.
 */
body.bargchi-custom-footer,
body.bargchi-custom-footer .website-wrapper,
body.bargchi-custom-footer .wd-page-wrapper {
	background-color: #f8fafc !important;
}


/* Hide WoodMart's original footer/prefooter/copyright output. */
.footer-container,
footer.wd-footer,
.wd-prefooter,
.prefooter,
.copyrights-wrapper,
.wd-copyrights {
	display: none !important;

	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
}
/* ==========================================================================
   BARGCHI FOOTER — TRUST LICENSES / ENAMAD
   ========================================================================== */

.bargchi-footer-trust__licenses {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;

	gap: 10px;

	margin-top: 18px;

	direction: rtl;
}


/* --------------------------------------------------------------------------
   License item
   -------------------------------------------------------------------------- */

.bargchi-footer-trust__license {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	flex: 0 0 auto;

	width: 96px;
	height: 96px;

	padding: 7px;

	overflow: hidden;

	background: #ffffff;

	border: 1px solid #e3e8ee;
	border-radius: 12px;

	box-shadow: none;

	text-decoration: none !important;

	transition:
		border-color 160ms ease,
		background-color 160ms ease,
		box-shadow 160ms ease;
}


/*
 * خود لوگوی رسمی اینماد را Recolor یا Filter نمی‌کنیم.
 * فقط قاب آن با هویت بصری برقچی هماهنگ می‌شود.
 */
.bargchi-footer-trust__enamad-image {
	display: block;

	width: 100%;
	height: 100%;

	max-width: 82px;
	max-height: 82px;

	margin: 0;

	object-fit: contain;

	border: 0;

	cursor: pointer;
}


/* --------------------------------------------------------------------------
   Hover
   -------------------------------------------------------------------------- */

.bargchi-footer-trust__license:hover {
	background: #ffffff;

	border-color: rgba(233, 112, 24, 0.55);

	box-shadow:
		0 5px 16px
		rgba(15, 43, 91, 0.07);
}


/* Keyboard */

.bargchi-footer-trust__license:focus-visible {
	outline:
		2px solid
		rgba(233, 112, 24, 0.55);

	outline-offset: 3px;
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

	.bargchi-footer-trust__licenses {
		margin-top: 16px;
	}

	.bargchi-footer-trust__license {
		width: 92px;
		height: 92px;

		padding: 7px;
	}

	.bargchi-footer-trust__enamad-image {
		max-width: 78px;
		max-height: 78px;
	}

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

	.bargchi-footer-trust__licenses {
		justify-content: flex-start;

		gap: 9px;

		margin-top: 15px;
	}

	.bargchi-footer-trust__license {
		width: 88px;
		height: 88px;

		padding: 6px;

		border-radius: 11px;
	}

	.bargchi-footer-trust__enamad-image {
		max-width: 76px;
		max-height: 76px;
	}

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.bargchi-footer-trust__license {
		transition: none;
	}

}