/* =========================================================
   Giminex Header Auth Buttons
   Version 1.1.0
   Desktop + Laptop only
========================================================= */

.gmx-auth-buttons,
.gmx-auth-buttons *,
.gmx-auth-buttons *::before,
.gmx-auth-buttons *::after {
	box-sizing: border-box;
}

/* هماهنگی عمودی با سبد خرید ایمپرزا */
.l-subheader-cell.at_right:has(.gmx-auth-buttons) {
	align-items: center !important;
}

.l-subheader-cell.at_right:has(.gmx-auth-buttons) > .w-html,
.l-subheader-cell.at_right:has(.gmx-auth-buttons) > .w-html .gmx-auth-buttons {
	align-self: center !important;
}

.l-subheader-cell.at_right:has(.gmx-auth-buttons) > .w-html {
	display: flex !important;
	align-items: center !important;
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

/* خود لینک سبد خرید نیز دقیقاً هم‌ارتفاع دکمه‌ها باشد */
.l-subheader-cell.at_right:has(.gmx-auth-buttons) > .w-cart .w-cart-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 50px !important;
	min-width: 50px !important;
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	padding: 0 !important;
}

/* =========================================================
   Auth group
========================================================= */

.gmx-auth-buttons {
	--gmx-auth-height: 50px;
	--gmx-auth-radius: 16px;
	--gmx-auth-blue: #3f83f8;
	--gmx-auth-dark: #244f8d;

	position: relative;
	display: inline-flex;
	align-items: stretch;
	justify-content: flex-start;

	/*
	 * ترتیب بصری:
	 * عضویت سمت چپ، ورود سمت راست
	 */
	direction: ltr !important;

	width: 206px;
	min-width: 206px;
	height: var(--gmx-auth-height);
	min-height: var(--gmx-auth-height);
	max-height: var(--gmx-auth-height);

	margin: 0 !important;
	padding: 0 !important;

	background: var(--gmx-auth-dark);
	border: 0 !important;
	border-radius: var(--gmx-auth-radius);
	box-shadow: none;
	overflow: hidden;
	vertical-align: middle;
	isolation: isolate;
}

/* =========================================================
   General item
========================================================= */

.gmx-auth-buttons__item {
	position: relative;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto;

	gap: 9px;
	height: 100% !important;
	min-height: 100% !important;
	max-height: 100% !important;

	margin: 0 !important;
	padding: 0 15px !important;

	/*
	 * آیکون سمت چپ، متن سمت راست
	 */
	direction: ltr !important;

	color: #fff !important;
	font-family: YekanBakhFaNum-Bold, "Yekan Bakh", sans-serif !important;
	font-size: 15px !important;
	font-style: normal;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;

	border: 0 !important;
	outline: 0 !important;
	box-shadow: none;
	-webkit-tap-highlight-color: transparent;

	transition:
		background-color 180ms ease,
		transform 180ms ease,
		box-shadow 180ms ease;
}

.gmx-auth-buttons__item,
.gmx-auth-buttons__item:hover,
.gmx-auth-buttons__item:focus,
.gmx-auth-buttons__item:active,
.gmx-auth-buttons__item:visited {
	color: #fff !important;
	text-decoration: none !important;
}

/* =========================================================
   Signup — left
========================================================= */

.gmx-auth-buttons__item--signup {
	z-index: 2;
	order: 1;

	width: 108px;
	min-width: 108px;
	max-width: 108px;

	background: var(--gmx-auth-blue) !important;
	border-radius: var(--gmx-auth-radius) !important;
}

/* =========================================================
   Login — right
========================================================= */

.gmx-auth-buttons__item--login {
	z-index: 1;
	order: 2;

	width: 98px;
	min-width: 98px;
	max-width: 98px;

	padding-inline: 13px !important;
	background: transparent !important;
	border-radius: 0 var(--gmx-auth-radius) var(--gmx-auth-radius) 0 !important;
}

/* =========================================================
   Icons
========================================================= */

.gmx-auth-buttons__icon {
	display: block !important;
	flex: 0 0 auto;

	width: 25px !important;
	height: 25px !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: contain;
	object-position: center;
	pointer-events: none;

	transition: transform 180ms ease;
}

.gmx-auth-buttons__item--signup .gmx-auth-buttons__icon {
	width: 26px !important;
	height: 26px !important;
}

/* =========================================================
   Labels
========================================================= */

.gmx-auth-buttons__label {
	display: block;
	margin: 0;
	padding: 0;

	direction: rtl;
	color: inherit;
	font: inherit;
	line-height: 1;
	pointer-events: none;
}

/* =========================================================
   Hover
========================================================= */

@media (hover: hover) and (pointer: fine) {
	.gmx-auth-buttons__item--signup:hover {
		background: #5794fa !important;
		box-shadow: 0 8px 20px rgba(63, 131, 248, 0.24);
	}

	.gmx-auth-buttons__item--login:hover {
		background: rgba(255, 255, 255, 0.07) !important;
	}

	.gmx-auth-buttons__item:hover .gmx-auth-buttons__icon {
		transform: translateY(-1px);
	}
}

/* =========================================================
   Active and focus
========================================================= */

.gmx-auth-buttons__item:active {
	transform: scale(0.97);
}

.gmx-auth-buttons__item:focus {
	outline: 0 !important;
}

.gmx-auth-buttons__item:focus-visible {
	outline: 0 !important;
	box-shadow:
		inset 0 0 0 2px rgba(255, 255, 255, 0.88),
		0 0 0 3px rgba(63, 131, 248, 0.3) !important;
}

/* =========================================================
   Laptop
========================================================= */

@media screen and (max-width: 1200px) and (min-width: 901px) {
	.gmx-auth-buttons {
		width: 190px;
		min-width: 190px;
	}

	.gmx-auth-buttons__item {
		gap: 7px;
		padding-inline: 11px !important;
		font-size: 14px !important;
	}

	.gmx-auth-buttons__item--signup {
		width: 100px;
		min-width: 100px;
		max-width: 100px;
	}

	.gmx-auth-buttons__item--login {
		width: 90px;
		min-width: 90px;
		max-width: 90px;
	}

	.gmx-auth-buttons__icon,
	.gmx-auth-buttons__item--signup .gmx-auth-buttons__icon {
		width: 23px !important;
		height: 23px !important;
	}
}

/* =========================================================
   Mobile — completely hidden
========================================================= */

@media screen and (max-width: 900px) {
	.gmx-auth-buttons,
	.l-subheader-cell.at_right:has(.gmx-auth-buttons) > .w-html {
		display: none !important;
	}
}

/* v2 logged-in state */
.gmx-auth-buttons--logged-in{width:220px;min-width:220px}
.gmx-auth-buttons__item--account{order:1;width:126px;min-width:126px;background:var(--gmx-auth-blue)!important;border-radius:var(--gmx-auth-radius)!important}
.gmx-auth-buttons__item--logout{order:2;width:94px;min-width:94px;background:transparent!important}
@media(hover:hover) and (pointer:fine){.gmx-auth-buttons__item--account:hover{background:#5794fa!important}.gmx-auth-buttons__item--logout:hover{background:rgba(255,255,255,.07)!important}}
@media screen and (max-width:1200px) and (min-width:901px){.gmx-auth-buttons--logged-in{width:202px;min-width:202px}.gmx-auth-buttons__item--account{width:116px;min-width:116px}.gmx-auth-buttons__item--logout{width:86px;min-width:86px}}