/* ═══════════════════════════════════════════════════════════ بندراستایل — لایه نهایی هماهنگ‌سازی رنگ این فایل همیشه آخرین فایل بارگذاری‌شده در است تا رنگ‌های باقی‌مانده از تم قدیمی (میکاپ/آرایشی) در صفحات محصول، سبد خرید و پرداخت با پالت برند بندراستایل (سرمه‌ای/طلایی/سبزآبی) هماهنگ شود. خارج از محدوده: .site-header · مودال‌ها فنی · رنگ‌های سفارشی ادمین (برچسب‌های محصول، نوار بالای سایت، سرویس‌های اکسترنال) که از طریق style inline کنترل می‌شوند و دست‌نخورده باقی می‌مانند. ═══════════════════════════════════════════════════════════ */ /* ── صفحه محصول: جعبه برچسب‌ها ── */ .product-labels--pdp { background: linear-gradient(135deg, #fafaf9 0%, var(--bs-gold-pale, #f7edd4) 100%) !important; border-color: var(--bs-gold, #c9a227) !important; } /* ── صفحه محصول: انتخاب رنگ/شید ── */ .pdp-shades { background: linear-gradient(135deg, #f7fbfa 0%, var(--bs-primary-light, #e8f4f4) 50%, #fff 100%) !important; border-color: rgba(26, 107, 107, 0.16) !important; } .pdp-shades-title { color: var(--bs-navy, #0c2238) !important; } .pdp-shades-count { color: var(--bs-teal, #1a6b6b) !important; background: var(--bs-primary-light, #e8f4f4) !important; } .pdp-shades-selected { border-color: rgba(26, 107, 107, 0.2) !important; } .pdp-shades-selected-swatch { box-shadow: 0 0 0 1px var(--bs-gold, #c9a227), 0 2px 8px rgba(12, 34, 56, 0.15) !important; } .pdp-shades-selected-code { color: var(--bs-teal, #1a6b6b) !important; } .pdp-shade-swatch:focus-visible { outline-color: var(--bs-teal, #1a6b6b) !important; } .pdp-shade-swatch.is-selected .pdp-shade-swatch-inner { box-shadow: 0 0 0 2px var(--bs-teal, #1a6b6b), 0 0 0 4px var(--bs-primary-light, #e8f4f4), 0 4px 12px rgba(26, 107, 107, 0.25) !important; } .pdp-shades-hint i { color: var(--bs-teal, #1a6b6b) !important; } .cart-drawer-shade { color: var(--bs-teal, #1a6b6b) !important; } .cart-drawer-shade-dot { border-color: var(--bs-gold, #c9a227) !important; } /* ── صفحه محصول: پیام سفارش دستی ── */ .pdp-manual-order-notice { border-color: var(--bs-gold, #c9a227) !important; background: linear-gradient(135deg, #fafaf9 0%, var(--bs-gold-pale, #f7edd4) 100%) !important; color: var(--bs-navy, #0c2238) !important; } .pdp-manual-order-notice-icon { background: var(--bs-gold-pale, #f7edd4) !important; color: var(--bs-teal, #1a6b6b) !important; } .pdp-manual-order-title { color: var(--bs-navy, #0c2238) !important; } .pdp-manual-order-message, .pdp-manual-order-hint { color: var(--bs-ink-muted, #5c6b7f) !important; } /* ── پرداخت: نوار دریافت رسید بانکی ── */ .checkout-carrier-icon, .checkout-bank-card-icon--sheba, .checkout-payment-option:has(input:checked) .checkout-payment-icon, .checkout-card-details, .checkout-details-modal .checkout-carrier-icon { background: var(--bs-primary-light, #e8f4f4) !important; color: var(--bs-teal, #1a6b6b) !important; } .checkout-receipt-icon { background: var(--bs-gold-pale, #f7edd4) !important; color: var(--bs-teal, #1a6b6b) !important; } .checkout-receipt-label { color: var(--bs-teal, #1a6b6b) !important; } .checkout-receipt-label:hover { border-color: var(--bs-teal, #1a6b6b) !important; } /* ── آدرس‌های من ── */ .account-wallet-bar-link { color: var(--bs-teal, #1a6b6b) !important; } .account-wallet-bar-link:hover { color: var(--bs-navy, #0c2238) !important; } .address-card.is-default { border-color: var(--bs-teal, #1a6b6b) !important; background: var(--bs-primary-light, #e8f4f4) !important; } .address-card-badge { color: var(--bs-teal, #1a6b6b) !important; background: var(--bs-primary-light, #e8f4f4) !important; } .address-card-btn:hover { border-color: var(--bs-teal, #1a6b6b) !important; color: var(--bs-teal, #1a6b6b) !important; } .addresses-form-input:focus { border-color: var(--bs-teal, #1a6b6b) !important; box-shadow: 0 0 0 3px rgba(26, 107, 107, 0.12) !important; } .address-modal-search-input:focus { box-shadow: 0 0 0 2px rgba(26, 107, 107, 0.2) !important; } .address-modal-map-pin { color: var(--bs-coral, #b83232) !important; } .address-modal-submit.is-ready { background: var(--bs-navy, #0c2238) !important; } .address-modal-submit.is-ready:hover { background: var(--bs-navy-mid, #163352) !important; } /* ── حساب کاربری: پروفایل، سفارش‌ها، کیف پول، پیام‌ها، نظرات، اخیراً دیده‌شده ── */ .profile-field-edit, .orders-search-input:focus, .order-card-status i, .order-card-more, .wallet-top-action, .messages-tab, .reviews-review-product:hover, .recently-viewed-title a:hover { color: var(--bs-teal, #1a6b6b) !important; } .profile-field-edit:hover, .order-card-more:hover { color: var(--bs-navy, #0c2238) !important; } .profile-legal-input:focus, .orders-search-input:focus { border-color: var(--bs-teal, #1a6b6b) !important; box-shadow: 0 0 0 3px rgba(26, 107, 107, 0.12) !important; } .recently-viewed-discount { background: var(--bs-coral, #b83232) !important; } .messages-tabs, .messages-tab { border-color: var(--bs-border, #e5ddd2) !important; } .messages-tab:hover:not(.is-active) { background: var(--bs-primary-light, #e8f4f4) !important; color: var(--bs-navy, #0c2238) !important; } /* ── صفحه اصلی: کارت‌های «خرید بر اساس نیاز» ── */ .shop-banner-card--console .shop-banner-fallback { background: linear-gradient(135deg, var(--bs-gold, #c9a227) 0%, #a3831c 45%, #7c631a 100%) !important; } .shop-banner-card--accessories .shop-banner-fallback { background: linear-gradient(135deg, var(--bs-teal, #1a6b6b) 0%, var(--bs-teal-light, #2a8f8f) 45%, var(--bs-navy-mid, #163352) 100%) !important; } /* ── دکمه ورود/ثبت‌نام مودال احراز هویت ── */ .auth-modal-btn { background: linear-gradient(135deg, var(--bs-gold, #c9a227) 0%, var(--bs-teal, #1a6b6b) 100%) !important; box-shadow: 0 8px 22px rgba(26, 107, 107, 0.25) !important; } .orders-empty-icon--card { color: var(--bs-gold, #c9a227) !important; } .support-dock-avatar--ai, .support-dock-msg-avatar { background: linear-gradient(135deg, var(--bs-navy, #0c2238) 0%, var(--bs-teal, #1a6b6b) 100%) !important; } /* ── فوتر: اینماد کنار لوگو ── */ .site-footer .footer-brand-row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 0.65rem !important; } .site-footer .footer-brand-row .footer-logo-plate { flex: 0 0 auto; } .site-footer .footer-brand-row .footer-trust--compact { margin: 0 !important; padding: 0 !important; border-top: none !important; flex: 0 0 auto !important; width: auto !important; } /* ── هدر: استایل متن منوی دسته‌بندی (مثل makeupstores) ── */ .site-header .horiz-cat-nav--bar { position: relative; padding: 0 !important; border-top: 1px solid var(--bs-border-light, #f0ebe3) !important; background: var(--bs-surface, #fff) !important; } .site-header .horiz-cat-nav--bar::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 1px; background: var(--bs-border-light, #f0ebe3); } .site-header .horiz-cat-nav--bar .horiz-cat-nav-scroll { display: flex !important; justify-content: center !important; overflow-x: auto !important; scrollbar-width: none !important; } .site-header .horiz-cat-nav--bar .horiz-cat-nav-scroll::-webkit-scrollbar { display: none !important; } .site-header .horiz-cat-nav--bar .horiz-cat-list { gap: 0 !important; align-items: stretch !important; justify-content: center !important; margin-inline: auto !important; width: max-content !important; min-width: 100% !important; } .site-header .horiz-cat-nav--bar .horiz-cat-icon { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: auto !important; border-radius: 0 !important; background: transparent !important; font-size: 0.95rem !important; color: #a8a29e !important; transition: color 0.2s, transform 0.2s; position: static !important; right: auto !important; flex-shrink: 0; } .site-header .horiz-cat-nav--bar .horiz-cat-link { position: relative; } .site-header .horiz-cat-nav--bar .horiz-cat-link:hover .horiz-cat-icon, .site-header .horiz-cat-nav--bar .horiz-cat-item.is-active > .horiz-cat-link .horiz-cat-icon { color: var(--bs-teal, #1a6b6b) !important; transform: translateY(-1px); } .site-header .horiz-cat-nav--bar .horiz-cat-link--sale .horiz-cat-icon { color: #ef4444 !important; } .site-header .horiz-cat-nav--bar .horiz-cat-link--sale:hover .horiz-cat-icon, .site-header .horiz-cat-nav--bar .horiz-cat-item:hover > .horiz-cat-link--sale .horiz-cat-icon { color: #dc2626 !important; } .site-header .horiz-cat-nav--bar .horiz-cat-divider { width: 1px; height: 24px; background: var(--bs-border, #e5ddd2); align-self: center; margin: 0 0.35rem; flex-shrink: 0; } .site-header .horiz-cat-nav--bar .horiz-cat-link { gap: 0.4rem !important; padding: 0.7rem 0.9rem !important; border-radius: 0 !important; color: #57534e !important; font-size: 0.84rem !important; font-weight: 500 !important; background: transparent !important; } .site-header .horiz-cat-nav--bar .horiz-cat-link--animated::after { content: ''; position: absolute; bottom: 0; right: 0.75rem; left: 0.75rem; height: 2px; background: var(--bs-teal, #1a6b6b); border-radius: 2px; transform: scaleX(0); transition: transform 0.25s ease; } .site-header .horiz-cat-nav--bar .horiz-cat-link--animated:hover::after, .site-header .horiz-cat-nav--bar .horiz-cat-item.is-active .horiz-cat-link--animated::after { transform: scaleX(1); } .site-header .horiz-cat-nav--bar .horiz-cat-link:hover, .site-header .horiz-cat-nav--bar .horiz-cat-item.is-active > .horiz-cat-link, .site-header .horiz-cat-nav--bar .horiz-cat-item:hover > .horiz-cat-link { color: var(--bs-teal, #1a6b6b) !important; background: var(--bs-gold-pale, #f7edd4) !important; } .site-header .horiz-cat-nav--bar .horiz-cat-label { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; } .site-header .horiz-cat-nav--bar .horiz-cat-chevron { font-size: 0.72rem !important; color: #bbb !important; } .site-header .horiz-cat-nav--bar .horiz-cat-link--sale, .site-header .horiz-cat-nav--bar .horiz-cat-link-sale { color: #dc2626 !important; font-weight: 600 !important; font-size: 0.84rem !important; padding: 0.7rem 0.9rem !important; } .site-header .horiz-cat-nav--bar .horiz-cat-link--sale:hover, .site-header .horiz-cat-nav--bar .horiz-cat-item:hover > .horiz-cat-link--sale, .site-header .horiz-cat-nav--bar .horiz-cat-link-sale:hover, .site-header .horiz-cat-nav--bar .horiz-cat-item:hover > .horiz-cat-link-sale { color: #b91c1c !important; background: #fef2f2 !important; }