/* ========================================================================== سربرگ تازه (نوار عمل‌ها) + رنگ فیروزه‌ای پنجره‌های سبد / مقایسه / علاقه‌مندی (۱۴۰۵/۰۷/۱۳، درخواست مدیر سایت: «رنگ‌ها مثل پروفایل و سفارش‌ها سبز باشد» و «این بخش سربرگ را یک بار جور دیگر طراحی کن، با بکاپ برای برگشت سریع»). از templates/boxes_tpls/login_profile/login_profile.tpl.html لینک می‌شود، فقط وقتی config/bpr_old_header.on نباشد (smarty/plugins/modifier.bpa_flag.php). با آن فایل این CSS لود نمی‌شود و سربرگ و پنجره‌ها دقیقاً به حالت قبل برمی‌گردند (bpr-ui.css v=5 و رنگ‌های آبی basket-header-panel.css / compare-header-btn.css / favorites-header-btn.css). این فایل در body و بعد از آن CSSها لود می‌شود: هم‌وزن‌ها را با ترتیب، و !importantهای آن‌ها را با !important و انتخابگر سنگین‌تر جواب می‌دهد. پالت همان bpr-account.css است: فیروزه‌ای #1AC3BA، تیره #0B8F88، روشن #E9F8F7 / #CDEFEC، خط #A6E3DF. ========================================================================== */ /* ---------------------------------------------------------------- رنگ‌ها (همه‌ی اندازه‌ها) */ /* پنجره‌ی سبد خرید سربرگ (basket-header-panel.css) */ .bpr-bsk-panel-header { background: linear-gradient(135deg, #F7FCFC 0%, #ECF9F8 100%); border-bottom-color: #DDF1EF; } .bpr-bsk-panel-count { background: #1AC3BA; } .bpr-bsk-panel-header .bpr-bsk-view-cart { color: #0B8F88; } .bpr-bsk-panel-header .bpr-bsk-view-cart:hover { background: #E9F8F7; border-color: #A6E3DF; color: #087A74; } .bpr-bsk-item-link:hover img { border-color: #1AC3BA; } .bpr-bsk-item-price { color: #0B8F88; } .bpr-bsk-qty button:hover { background: #1AC3BA; color: #fff; } .bpr-bsk-total-row strong { color: #0B8F88; } .bpr-bsk-checkout { background: linear-gradient(135deg, #1AC3BA 0%, #0B8F88 100%); box-shadow: 0 4px 12px rgba(26, 195, 186, .30); } .bpr-bsk-checkout:hover { box-shadow: 0 6px 16px rgba(26, 195, 186, .45); } .bpr-bsk-pending-status { color: #0B8F88; } .bpr-bsk-all-orders { border-color: #A6E3DF; background: #E9F8F7; color: #087A74; } .bpr-bsk-all-orders:hover, .bpr-bsk-all-orders:focus { background: #CDEFEC; color: #06655F; } /* مقایسه (compare-header-btn.css): پنجره، آیکن روی کارت کالا، دکمه‌ی صفحه‌ی کالا، اعلان */ .bpr-cmp-panel-header { background: linear-gradient(135deg, #F7FCFC 0%, #ECF9F8 100%); border-bottom-color: #DDF1EF; } .bpr-cmp-panel-count { background: #1AC3BA; } .bpr-cmp-item-link:hover img { border-color: #1AC3BA; } .bpr-cmp-go { background: linear-gradient(135deg, #1AC3BA 0%, #0B8F88 100%); box-shadow: 0 4px 12px rgba(26, 195, 186, .30); } .bpr-cmp-go:hover { box-shadow: 0 6px 16px rgba(26, 195, 186, .45); } .bpr-card-cmp-icon { color: #0B8F88; } .bpr-card-cmp-icon:hover, .bpr-card-cmp-icon.active { background: #1AC3BA; border-color: #0B8F88; } .bpr-compare-btn.bpr-compare-added { background-color: #1AC3BA !important; border-color: #0B8F88 !important; } .bpr-compare-btn.bpr-compare-added:hover { background-color: #0B8F88 !important; } .bpr-cmp-toast-icon { background: linear-gradient(135deg, #1AC3BA 0%, #0B8F88 100%); box-shadow: 0 4px 10px rgba(26, 195, 186, .35); } .bpr-cmp-toast-link { color: #0B8F88 !important; background: #E9F8F7; border-color: #A6E3DF; } .bpr-cmp-toast-link:hover { background: #CDEFEC; color: #087A74 !important; } /* علاقه‌مندی‌ها (favorites-header-btn.css) */ .bpr-fav-panel-header { background: linear-gradient(135deg, #F7FCFC 0%, #ECF9F8 100%); border-bottom-color: #DDF1EF; } .bpr-fav-panel-count { background: #1AC3BA; } .bpr-fav-item-link:hover img { border-color: #1AC3BA; } .bpr-fav-go { background: linear-gradient(135deg, #1AC3BA 0%, #0B8F88 100%); box-shadow: 0 4px 12px rgba(26, 195, 186, .30); } .bpr-fav-go:hover { box-shadow: 0 6px 16px rgba(26, 195, 186, .45); } /* ---------------------------------------------------------------- نوار عمل‌های سربرگ (دسکتاپ) دکمه‌ی نام و آیکن‌های سبد / مقایسه / علاقه‌مندی کنار هم، ته سمت چپ سربرگ، با یک خط جداکننده. همه یک زبان: مربع گرد ۴۴px با زمینه‌ی خاکستری روشن، روی ماوس فیروزه‌ای روشن. نشان عددی دایره‌ی فیروزه‌ای با حاشیه‌ی سفید (قبلاً عدد قرمز بی‌زمینه بود). جعبه‌ی سبد هم به چپ شناور می‌شود و با پهنای خودکار درست کنار جعبه‌ی ورود می‌نشیند. گوشی و تبلت دست نخورده‌اند. */ @media (min-width: 993px) { header .row > .mod.login_profile.CUSTOMERPROFILELINE { width: auto !important; } header .row > .mod.ShoppingCart_JUMPING { float: left !important; width: auto !important; } header .row > .mod.login_profile.CUSTOMERPROFILELINE .mod-inner { margin: 30px 0 12px 50px !important; } header .row > .mod.ShoppingCart_JUMPING .mod-inner { margin: 30px 0 0 12px !important; padding: 0 !important; text-align: left !important; } header .row > .mod.ShoppingCart_JUMPING .sale-basket { gap: 10px; } /* خط جداکننده میان آیکن‌ها و دکمه‌ی نام (آخرین عضو flex راست‌به‌چپ = سمت چپ) */ header .row > .mod.ShoppingCart_JUMPING .sale-basket::after { content: ""; order: 99; align-self: center; width: 1px; height: 26px; background: #E3E8EF; margin-right: 2px; } /* دکمه‌های آیکنی */ header .mod.ShoppingCart_JUMPING .sale-basket .sale-basket-panel-control, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-compare-header-btn, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-fav-header-btn { width: 44px !important; height: 44px !important; border-radius: 14px !important; background: #F4F6F9 !important; background-color: #F4F6F9 !important; color: #2B3036 !important; box-shadow: none !important; transition: background-color .15s, color .15s, transform .12s !important; } header .mod.ShoppingCart_JUMPING .sale-basket .sale-basket-panel-control:hover, header .mod.ShoppingCart_JUMPING .sale-basket .sale-basket-panel-control:focus, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-compare-header-btn:hover, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-compare-header-btn:focus, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-fav-header-btn:hover, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-fav-header-btn:focus { background: #E9F8F7 !important; background-color: #E9F8F7 !important; color: #0B8F88 !important; } header .mod.ShoppingCart_JUMPING .sale-basket .sale-basket-panel-control .fa.fa-shopping-cart { font-size: 20px !important; } header .mod.ShoppingCart_JUMPING .sale-basket #bpr-compare-header-btn svg.bpr-icon-compare, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-fav-header-btn svg.bpr-fav-icon { width: 21px; height: 21px; } /* نشان عددی: دایره‌ی فیروزه‌ای با حاشیه‌ی سفید، گوشه‌ی بالا-چپ */ header .mod.ShoppingCart_JUMPING .sale-basket .sale-basket-panel-control .badge, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-compare-header-btn .bpr-cmp-badge, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-fav-header-btn .bpr-fav-badge { top: -6px !important; left: -6px !important; min-width: 20px !important; height: 20px !important; padding: 0 5px !important; border-radius: 10px !important; background: #1AC3BA !important; background-color: #1AC3BA !important; color: #fff !important; font: 700 11.5px/20px "bpaYekan", Tahoma, sans-serif !important; text-align: center !important; text-shadow: none !important; box-shadow: 0 0 0 2px #fff !important; box-sizing: border-box !important; direction: ltr; } /* سبد خالی: نشان «۰» یا خالی دیده نشود (کلاس bpu-zero را اسکریپت login_profile می‌گذارد) */ header .mod.ShoppingCart_JUMPING .sale-basket .sale-basket-panel-control .badge:empty, header .mod.ShoppingCart_JUMPING .sale-basket .sale-basket-panel-control .badge.bpu-zero { display: none !important; } /* دکمه‌ی نام / «ثبت‌نام / ورود»: همان زبان مربع گرد خاکستری */ header .mod.login_profile .login-liner .bpu-trigger, [dir] header .mod.login_profile .login-regester .btn.login-regester-panel-control.bpu-guest { height: 44px; padding: 0 12px 0 6px !important; border: 0 !important; border-radius: 14px !important; background: #F4F6F9 !important; box-shadow: none !important; } header .mod.login_profile .login-liner .bpu-trigger { padding-left: 10px !important; max-width: 220px !important; } header .mod.login_profile .login-liner .bpu-trigger:hover, header .mod.login_profile .login-liner .bpu-trigger[aria-expanded="true"], [dir] header .mod.login_profile .login-regester .btn.login-regester-panel-control.bpu-guest:hover { background: #E9F8F7 !important; color: #0B8F88 !important; box-shadow: none !important; } header .mod.login_profile .login-liner .bpu-trigger .bpu-avatar, header .mod.login_profile .login-regester .bpu-guest .bpu-avatar { width: 32px; height: 32px; border-radius: 10px; } } /* جا کنار جستجو یک‌سوم سطر است (ستون لوگو ۳ + جستجو ۵ از ۱۲). اگر نام و آیکن‌ها جا نشوند، آیکن‌ها (شناور) به خط بعد می‌افتند؛ پس فاصله‌ی چپ و پهنای دکمه‌ی نام در هر بازه سقف دارد (نام بلند «…» می‌خورد). اندازه‌ها با پهنای واقعی گروه آیکن‌ها (۱۸۸px؛ در دسکتاپ کوچک ۱۶۶px) حساب شده‌اند: ۹۹۳ تا ۱۱۹۹ ← ۱۲ + ۱۴۰ + ۱۶۶ ≤ ۳۲۸؛ ۱۲۰۰ تا ۱۳۹۹ ← ۳۲ + ۱۷۵ + ۱۸۸ ≤ ۳۹۷؛ ۱۴۰۰ به بالا ← ۵۰ + ۲۲۰ + ۱۸۸ ≤ ۴۶۳. */ @media (min-width: 1200px) and (max-width: 1399px) { header .row > .mod.login_profile.CUSTOMERPROFILELINE .mod-inner { margin-left: 32px !important; } header .mod.login_profile .login-liner .bpu-trigger { max-width: 175px !important; } } @media (min-width: 993px) and (max-width: 1199px) { header .row > .mod.login_profile.CUSTOMERPROFILELINE .mod-inner { margin-left: 12px !important; } header .row > .mod.ShoppingCart_JUMPING .mod-inner { margin-left: 8px !important; } header .row > .mod.ShoppingCart_JUMPING .sale-basket { gap: 8px; } header .mod.ShoppingCart_JUMPING .sale-basket .sale-basket-panel-control, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-compare-header-btn, header .mod.ShoppingCart_JUMPING .sale-basket #bpr-fav-header-btn { width: 40px !important; height: 40px !important; border-radius: 12px !important; } header .mod.login_profile .login-liner .bpu-trigger, [dir] header .mod.login_profile .login-regester .btn.login-regester-panel-control.bpu-guest { height: 40px; border-radius: 12px !important; } header .mod.login_profile .login-liner .bpu-trigger { max-width: 140px !important; } header .mod.login_profile .login-liner .bpu-trigger .bpu-avatar, header .mod.login_profile .login-regester .bpu-guest .bpu-avatar { width: 30px; height: 30px; } }