/* ==========================================================================
   اجزای سراسری سربرگ -- طراحی تازه (۱۴۰۵/۰۷/۱۳)
   هم‌خانواده‌ی bpr-account.css (همان رنگ‌ها و قلم)، ولی روی همه‌ی صفحه‌ها بار
   می‌شود، پس همه‌ی قاعده‌ها به شناسه/کلاس خودشان بسته‌اند:
     - پنجره‌ی ورود                 #loginModal.bpu-login
     - نام کاربر و منوی حساب         .login-liner .bpu-trigger / .login-liner .popover
     - پنجره‌ی «به سبد افزوده شد»    .bpu-added
   از قالب جعبه‌ها لینک می‌شود (login_profile و shopping_cart)، نه از قالب صفحه‌ها.
   ========================================================================== */

@font-face { font-family: "bpaYekan"; font-style: normal; font-weight: 400; font-display: swap;
	src: url("../fonts/iranyekan/fonts/woff2/iranyekanwebregular.woff2") format("woff2"); }
@font-face { font-family: "bpaYekan"; font-style: normal; font-weight: 700; font-display: swap;
	src: url("../fonts/iranyekan/fonts/woff2/iranyekanwebbold.woff2") format("woff2"); }

/* ---------------------------------------------------------------- خنثی کردن استایل جعبه‌ها
   هر دو جعبه‌ی سربرگ (ورود و سبد خرید) در «طراحی جعبه»ی پنل استایل درون‌خطی دارند:
   .ew-… .mod-inner { text-indent: 11px; line-height: 11px; font-size: 11px; direction: ltr }
   و پنجره‌ی ورود، دکمه‌ی نام، منوی حساب و پنجره‌ی «به سبد افزوده شد» همه داخل همان
   .mod-inner هستند و این‌ها را به ارث می‌برند. text-indent هر آیکن را حدود ۵px از وسط
   کنار می‌زد (آدمک پنجره‌ی ورود، آواتار دکمه‌ی نام، آیکن‌های منو). */
#loginModal.bpu-login, .bpu-added, [dir] .login.login-liner .popover, .login-liner .user-menu-handle.bpu-handle,
.login-liner .bpu-trigger, [dir] .login-regester .btn.login-regester-panel-control.bpu-guest,
.login.login-liner, .login.login-liner > form {
	text-indent: 0 !important; letter-spacing: normal; word-spacing: normal;
}
#loginModal.bpu-login, .bpu-added, [dir] .login.login-liner .popover { line-height: 1.6; font-size: 14px; }
.bpu-avatar, .bpu-avatar .fa, #loginModal.bpu-login .bpu-login-ico, #loginModal.bpu-login .bpu-login-ico .fa,
.bpu-added .bpu-added-ico, .bpu-added .bpu-added-ico .fa, .login.login-liner .popover ul.usermenu li a .fa,
.login.login-liner .popover .dismiss-popover, .login-liner .bpu-chev {
	text-indent: 0 !important; text-align: center !important;
}

/* حلقه‌ی فوکوس صفحه‌کلید: به‌جای حلقه‌ی سیاه پیش‌فرض مرورگر */
#loginModal.bpu-login .bpu-eye:focus, #loginModal.bpu-login .close:focus, .bpu-added .close:focus,
.login-liner .bpu-trigger:focus, .login.login-liner .popover .dismiss-popover:focus,
.login.login-liner .popover ul.usermenu li a:focus { outline: 0; }
#loginModal.bpu-login .bpu-eye:focus-visible, #loginModal.bpu-login .close:focus-visible, .bpu-added .close:focus-visible,
.login-liner .bpu-trigger:focus-visible, .login.login-liner .popover .dismiss-popover:focus-visible,
.login.login-liner .popover ul.usermenu li a:focus-visible { box-shadow: 0 0 0 3px rgba(26, 195, 186, .4); }

/* ---------------------------------------------------------------- دکمه‌های مشترک */
.bpu-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 22px;
	border-radius: 14px; border: 1px solid transparent; font-family: "bpaYekan", Tahoma, sans-serif !important;
	font-size: 14.5px; font-weight: 700; line-height: 1; cursor: pointer; text-decoration: none !important;
	white-space: nowrap; transition: background-color .15s, border-color .15s, box-shadow .15s, transform .05s;
	float: none !important; margin: 0; box-shadow: none; -webkit-appearance: none; appearance: none;
}
.bpu-btn:active { transform: translateY(1px); }
.bpu-btn:focus-visible { outline: 3px solid rgba(26, 195, 186, .45); outline-offset: 2px; }
.bpu-btn[disabled] { opacity: .6; cursor: not-allowed; }
.bpu-btn-primary { background: #1AC3BA; color: #fff !important; box-shadow: 0 10px 22px -12px rgba(11, 143, 136, .95); }
.bpu-btn-primary:hover, .bpu-btn-primary:focus { background: #0B8F88; color: #fff !important; }
.bpu-btn-ghost { background: #fff; border-color: #E3E8EF; color: #1F2328 !important; }
.bpu-btn-ghost:hover, .bpu-btn-ghost:focus { background: #F7F9FB; border-color: #C9D3DF; color: #1F2328 !important; }
.bpu-btn-block { display: flex; width: 100%; }

/* ---------------------------------------------------------------- پنجره‌ی ورود */
#loginModal.bpu-login { font-family: "bpaYekan", Tahoma, sans-serif; direction: rtl; text-align: right; }
#loginModal.bpu-login * { box-sizing: border-box; }
#loginModal.bpu-login .modal-dialog { width: calc(100% - 24px); max-width: 440px; margin: 64px auto; }
#loginModal.bpu-login .modal-content {
	position: relative; border: 0; border-radius: 26px; overflow: hidden; background: #fff;
	box-shadow: 0 40px 80px -24px rgba(0, 43, 81, .45); font-size: 14px; padding: 0;
}
#loginModal.bpu-login .modal-header {
	display: block; text-align: center; padding: 30px 28px 6px; border: 0; background: transparent;
}
#loginModal.bpu-login .modal-header::before, #loginModal.bpu-login .modal-header::after { display: none; }
#loginModal.bpu-login .close {
	position: absolute; top: 14px; left: 16px; float: none; margin: 0; width: 36px; height: 36px; border-radius: 12px;
	font-size: 22px; line-height: 34px; opacity: .55; text-shadow: none; color: #1F2328; background: #F4F6F9;
}
#loginModal.bpu-login .close:hover { opacity: .9; }
#loginModal.bpu-login .bpu-login-ico {
	width: 64px; height: 64px; border-radius: 22px; margin: 0 auto 14px; display: flex; align-items: center;
	justify-content: center; background: #002B51; color: #fff; font-size: 26px;
	box-shadow: 0 14px 28px -14px rgba(0, 43, 81, .8);
}
#loginModal.bpu-login .bpu-login-title { display: block; font-size: 18px; font-weight: 700; color: #1F2328; line-height: 1.6; text-align: center; }
#loginModal.bpu-login .bpu-login-sub { display: block; font-size: 13px; color: #6B7280; margin-top: 4px; line-height: 1.8; text-align: center; }
#loginModal.bpu-login .modal-body { padding: 18px 28px 26px; background: #fff; font-size: 14px; }
#loginModal.bpu-login form { margin: 0; }
#loginModal.bpu-login .bpu-field { position: relative; margin: 0 0 14px; }
#loginModal.bpu-login .bpu-field label { display: block; font-size: 13px; font-weight: 700; color: #4B5563; margin: 0 0 6px; padding: 0; float: none; width: auto; text-align: right; }
#loginModal.bpu-login .bpu-field .bpu-field-ico {
	position: absolute; right: 15px; bottom: 15px; color: #9AA4B2; font-size: 16px; pointer-events: none;
}
#loginModal.bpu-login .bpu-field input.form-control {
	width: 100%; height: 50px; border-radius: 14px; border: 1.5px solid #E3E8EF; background: #F7F9FB;
	padding: 0 44px 0 14px; font-size: 14.5px; font-family: inherit; color: #1F2328; box-shadow: none;
	transition: border-color .15s, box-shadow .15s, background-color .15s; direction: ltr; text-align: right;
}
#loginModal.bpu-login .bpu-field input.form-control::placeholder { color: #9AA4B2; direction: rtl; text-align: right; }
#loginModal.bpu-login .bpu-field input.form-control:focus { border-color: #1AC3BA; background: #fff; box-shadow: 0 0 0 4px rgba(26, 195, 186, .15); outline: 0; }
#loginModal.bpu-login .bpu-field.has-eye input.form-control { padding-left: 46px; }
#loginModal.bpu-login .bpu-eye {
	position: absolute; left: 8px; bottom: 8px; width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent;
	color: #6B7280; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; padding: 0;
}
#loginModal.bpu-login .bpu-eye:hover { background: #EEF2F6; color: #1F2328; }
#loginModal.bpu-login .message-login-modal {
	display: none; margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; font-size: 13px; line-height: 2;
	background: #FEF3F2; border: 1px solid #FECDCA; color: #B42318; text-align: right;
}
#loginModal.bpu-login .bpu-login-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; }
#loginModal.bpu-login .bpu-or {
	display: flex; align-items: center; gap: 10px; color: #9AA4B2; font-size: 12px; margin: 2px 0;
}
#loginModal.bpu-login .bpu-or::before, #loginModal.bpu-login .bpu-or::after { content: ""; flex: 1; height: 1px; background: #EEF1F5; }
#loginModal.bpu-login .forgot-link {
	display: block; text-align: center; margin-top: 16px; font-size: 13px; color: #0B8F88; font-weight: 700; cursor: pointer;
}
#loginModal.bpu-login .forgot-link:hover { color: #002B51; text-decoration: underline; }
@media (max-width: 480px) {
	#loginModal.bpu-login .modal-dialog { margin: 24px auto; }
	#loginModal.bpu-login .modal-header { padding: 26px 20px 4px; }
	#loginModal.bpu-login .modal-body { padding: 16px 20px 22px; }
}

/* ---------------------------------------------------------------- نام کاربر (دکمه‌ی منوی حساب) */
.login-liner .user-menu-handle.bpu-handle { height: auto !important; line-height: 1.6 !important; padding: 0 !important; margin: 0; display: inline-block; }
.login-liner .bpu-trigger {
	display: inline-flex; align-items: center; gap: 8px; padding: 5px 6px 5px 12px; border-radius: 999px;
	background: #fff; border: 1px solid #E3E8EF; color: #1F2328; font-family: "bpaYekan", Tahoma, sans-serif;
	font-size: 13.5px; font-weight: 700; cursor: pointer; transition: border-color .15s, box-shadow .15s, background-color .15s;
	max-width: 230px; direction: rtl;
}
.login-liner .bpu-trigger:hover { border-color: #A6E3DF; box-shadow: 0 6px 16px -10px rgba(0, 43, 81, .45); }
.bpu-avatar {
	width: 30px; height: 30px; border-radius: 50%; flex: none; display: inline-flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, #1AC3BA, #0B8F88); color: #fff; font-size: 13px; font-weight: 700; line-height: 1;
}
.bpu-avatar .fa { line-height: 1; }

/* مهمان: «ثبت‌نام / ورود» -- همان قرص نام کاربر (CSS قدیمی پهنا و جایش را ثابت کرده بود) */
[dir] .login-regester .btn.login-regester-panel-control.bpu-guest {
	display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; left: auto !important;
	padding: 5px 6px 5px 14px !important; border-radius: 999px !important; border: 1px solid #E3E8EF !important;
	background: #fff !important; color: #1F2328 !important; font-family: "bpaYekan", Tahoma, sans-serif !important;
	font-size: 13.5px !important; font-weight: 700; line-height: 1.6; box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
}
[dir] .login-regester .btn.login-regester-panel-control.bpu-guest:hover {
	border-color: #A6E3DF !important; box-shadow: 0 6px 16px -10px rgba(0, 43, 81, .45);
}
[dir] .login-regester .btn.login-regester-panel-control.bpu-guest span:not(.bpu-avatar) { color: inherit !important; }
[dir] .login-regester .btn.login-regester-panel-control.bpu-guest .bpu-avatar { color: #fff !important; }
.login-liner .bpu-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.login-liner .bpu-chev { color: #6B7280; font-size: 14px; margin-left: 2px; transition: transform .2s; }
.login-liner .bpu-trigger[aria-expanded="true"] .bpu-chev { transform: rotate(180deg); }

/* ---------------------------------------------------------------- منوی حساب (پاپ‌اور بوت‌استرپ) */
/* بوت‌استرپ محتوای .usermenu-container را در یک .popover کنار همان دکمه می‌سازد
   (JS-Bprshop-Merg-2.js)؛ CSS قدیمی جایش را با !important ثابت کرده است. */
[dir] .login.login-liner .popover {
	width: 264px; max-width: 92vw; padding: 8px; border: 1px solid #EEF1F5; border-radius: 20px; background: #fff;
	box-shadow: 0 28px 56px -18px rgba(0, 43, 81, .35); font-family: "bpaYekan", Tahoma, sans-serif; direction: rtl !important;
}
[dir] .login.login-liner .popover > .arrow { border-bottom-color: #EEF1F5; }
[dir] .login.login-liner .popover > .arrow::after { border-bottom-color: #fff; }
.login.login-liner .popover .popover-title { display: none; }
.login.login-liner .popover .popover-content { padding: 0; position: relative; }
[dir="rtl"] .login.login-liner .popover .popover-content * { direction: rtl !important; }
.login.login-liner .popover .dismiss-popover {
	position: absolute; top: 10px; left: 8px; width: 30px; height: 30px; border-radius: 10px; display: flex !important;
	align-items: center; justify-content: center; color: #6B7280; background: #F4F6F9; font-size: 13px; z-index: 1;
	float: none !important; text-align: center !important;
}
.login.login-liner .popover .dismiss-popover:hover { color: #1F2328; background: #EEF2F6; }
.login.login-liner .popover .bpu-menu-head {
	display: flex; align-items: center; gap: 10px; padding: 10px 10px 12px; margin-bottom: 4px; border-bottom: 1px solid #EEF1F5;
}
.login.login-liner .popover .bpu-menu-head .bpu-avatar { width: 40px; height: 40px; font-size: 16px; }
.login.login-liner .popover .bpu-menu-head b { display: block; font-size: 14px; color: #1F2328; font-weight: 700; line-height: 1.6; padding-left: 34px; }
.login.login-liner .popover .bpu-menu-head small { display: block; font-size: 12px; color: #6B7280; line-height: 1.6; }
.login.login-liner .popover ul.usermenu { margin: 0; padding: 4px 0 0; min-width: 0; background: transparent; }
.login.login-liner .popover ul.usermenu li { margin: 0; padding: 0; list-style: none; float: none; }
.login.login-liner .popover ul.usermenu li a {
	display: flex !important; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; line-height: 1.6 !important;
	color: #1F2328 !important; font-size: 13.5px; font-weight: 700; text-decoration: none !important; cursor: pointer;
	transition: background-color .12s, color .12s;
}
.login.login-liner .popover ul.usermenu li a .fa {
	width: 32px; height: 32px; border-radius: 10px; display: inline-flex !important; align-items: center; justify-content: center;
	background: #E9F8F7; color: #0B8F88; font-size: 14px; float: none !important; text-align: center !important; flex: none;
}
.login.login-liner .popover ul.usermenu li a:hover { background: #F4FCFB; color: #0B8F88 !important; }
.login.login-liner .popover ul.usermenu li.bpu-sep { height: 1px; background: #EEF1F5; margin: 6px 8px; }
.login.login-liner .popover ul.usermenu li a.bpu-exit { color: #B42318 !important; }
.login.login-liner .popover ul.usermenu li a.bpu-exit .fa { background: #FEF3F2; color: #D92D20; }
.login.login-liner .popover ul.usermenu li a.bpu-exit:hover { background: #FEF3F2; }

/* ---------------------------------------------------------------- «به سبد خرید افزوده شد» */
.bpu-added { font-family: "bpaYekan", Tahoma, sans-serif; direction: rtl; text-align: right; }
.bpu-added .modal-dialog { width: calc(100% - 24px); max-width: 460px; margin: 90px auto; }
.bpu-added .modal-content {
	border: 0; border-radius: 24px; overflow: hidden; background: #fff; position: relative;
	box-shadow: 0 40px 80px -24px rgba(0, 43, 81, .45), 0 0 0 1px rgba(0, 43, 81, .06);
}
.bpu-added .modal-header { border: 0; padding: 0; min-height: 0; }
.bpu-added .modal-header::before, .bpu-added .modal-header::after { display: none; }
.bpu-added .close {
	position: absolute; top: 14px; left: 16px; z-index: 2; float: none; margin: 0; width: 34px; height: 34px; border-radius: 11px;
	font-size: 21px; line-height: 32px; opacity: .55; text-shadow: none; color: #1F2328; background: #F4F6F9;
}
.bpu-added .close:hover { opacity: .9; }
.bpu-added .modal-body { padding: 30px 26px 8px; text-align: center; }
.bpu-added .bpu-added-ico {
	width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center;
	background: #ECFDF3; color: #12A150; font-size: 28px; box-shadow: 0 0 0 8px #F6FEF9;
}
.bpu-added .bpu-added-title { font-size: 17px; font-weight: 700; color: #1F2328; margin: 0 0 6px; line-height: 1.7; }
.bpu-added .shoppingCart_addedItemName {
	display: inline-block; max-width: 100%; margin: 2px 0 10px; padding: 6px 12px; border-radius: 12px; background: #F7F9FB;
	border: 1px solid #EEF1F5; color: #1F2328; font-size: 13.5px; font-weight: 700; line-height: 1.9; direction: ltr; unicode-bidi: plaintext;
}
.bpu-added .bpu-added-msg { font-size: 12.5px; line-height: 2.1; color: #6B7280; margin: 0; }
.bpu-added .modal-footer {
	display: flex; flex-direction: column-reverse; gap: 10px; padding: 16px 26px 24px; border: 0; text-align: center;
}
.bpu-added .modal-footer::before, .bpu-added .modal-footer::after { display: none; }
.bpu-added .modal-footer .bpu-btn + .bpu-btn { margin: 0; }
@media (min-width: 520px) {
	.bpu-added .modal-footer { flex-direction: row-reverse; }
	.bpu-added .modal-footer .bpu-btn { flex: 1 1 0; }
}

/* ---------------------------------------------------------------- منوی دسته‌بندی گوشی
   mobile-navbar-style.css به body قلم sans-serif می‌دهد و در منوی دسته‌بندی گوشی فقط عنوان دسته و
   «مشاهده همه …» قلم خودشان را نداشتند (بقیه‌ی گزینه‌ها iranyekan دارند). (۱۴۰۵/۰۷/۱۳) */
.mobile-menu-overlay .category-details .main-title,
.mobile-menu-overlay .category-details .all-products-link { font-family: "bpaYekan", "iranyekan", Tahoma, sans-serif; }

/* ---------------------------------------------------------------- جای نام کاربر و سبد در سربرگ دسکتاپ
   درخواست مدیر سایت (۱۴۰۵/۰۷/۱۳): نام کاربر / «ثبت‌نام / ورود» ته سمت چپ سربرگ (هم‌فاصله با لوگو از
   لبه‌ی راست)، و سبد خرید + مقایسه + علاقه‌مندی‌ها جای قبلی آن کنار جستجو، با فاصله‌ی بیشتر تا نشان‌های
   عددی‌شان به آیکن کناری نچسبند. ترتیب جعبه‌ها در چیدمان (پنل ادمین) عوض نشده: جعبه‌ی ورود در دسکتاپ به
   چپ شناور می‌شود و جعبه‌ی سبد خودبه‌خود جای خالی کنار جستجو را می‌گیرد. گوشی و تبلت دست نخورده‌اند. */
/* از 993px: تا 992px خود سایت (CSS-Bprshop-Merg-1، max-width:992px) سربرگ را چیدمان تبلت می‌کند */
@media (min-width: 993px) {
	header .row > .mod.login_profile.CUSTOMERPROFILELINE { float: left !important; }
	header .row > .mod.login_profile.CUSTOMERPROFILELINE .mod-inner { margin-left: 50px !important; margin-right: 0 !important; text-align: left !important; }
	header .row > .mod.login_profile.CUSTOMERPROFILELINE .login-regester,
	header .row > .mod.login_profile.CUSTOMERPROFILELINE .login.login-liner { text-align: left !important; }
	header .row > .mod.login_profile.CUSTOMERPROFILELINE .user-menu-handle.bpu-handle,
	header .row > .mod.login_profile.CUSTOMERPROFILELINE .bpu-trigger { max-width: 100%; }
	/* منوی حساب از لبه‌ی چپ دکمه باز شود (CSS قدیمی right:10px !important دارد)؛ فلشش را اسکریپت
	   login_profile روبه‌روی وسط دکمه می‌گذارد */
	[dir] header .mod.login_profile.CUSTOMERPROFILELINE .login.login-liner .popover { left: 0 !important; right: auto !important; }
	header .row > .mod.ShoppingCart_JUMPING .mod-inner { padding-right: 24px !important; }
	header .row > .mod.ShoppingCart_JUMPING .sale-basket { gap: 16px; }
}
/* دسکتاپ کوچک: ستون‌ها باریک‌اند (حدود ۱۷۰px)؛ دکمه‌ی «ثبت‌نام / ورود» با فاصله‌ی ۵۰px به آیکن‌های سبد می‌خورد */
@media (min-width: 993px) and (max-width: 1199px) {
	header .row > .mod.login_profile.CUSTOMERPROFILELINE .mod-inner { margin-left: 16px !important; }
	header .row > .mod.ShoppingCart_JUMPING .mod-inner { padding-right: 10px !important; }
	header .row > .mod.ShoppingCart_JUMPING .sale-basket { gap: 10px; }
}