/* ========================================================= ریشه گالری – استایل اصلی قالب ساختار: ۱) فونت و توکن‌ها ۲) پایه ۳) اجزا ۴) هدر ۵) منوی موبایل ۶) فوتر ۷) صفحات/وبلاگ ۸) ووکامرس ۹) صفحه اصلی ۱۰) ریسپانسیو رنگ‌ها از تنظیمات پنل به‌صورت متغیر CSS تزریق می‌شوند (inc/assets.php) ========================================================= */ /* ---------- ۱) فونت و توکن‌ها ---------- */ @font-face { font-family: 'Vazirmatn'; src: url('../fonts/Vazirmatn-Variable.woff2') format('woff2-variations'), url('../fonts/Vazirmatn-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } :root { --rg-font: 'Vazirmatn', Tahoma, Arial, sans-serif; --rg-gold: #C9A227; --rg-gold-rgb: 201, 162, 39; --rg-gold-dark: #9d7f1e; --rg-gold-light: #e1ca86; --rg-gold-soft: #f9f4e5; --rg-dark: #1F1B16; --rg-dark-rgb: 31, 27, 22; --rg-dark-soft: #3a352f; --rg-text: #2c2823; --rg-muted: #7a7368; --rg-bg: #FCFAF5; --rg-surface: #ffffff; --rg-border: #e9e2d3; --rg-danger: #c62828; --rg-success: #2e7d32; --rg-radius: 14px; --rg-radius-sm: 8px; --rg-shadow: 0 6px 24px rgba(31, 27, 22, .06); --rg-shadow-lg: 0 16px 48px rgba(31, 27, 22, .14); --rg-container: 1320px; --rg-logo-width: 170px; --rg-gutter: 16px; } /* ---------- ۲) پایه ---------- */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; font-family: var(--rg-font); font-size: 15px; line-height: 1.9; color: var(--rg-text); background: var(--rg-bg); direction: rtl; text-align: right; -webkit-font-smoothing: antialiased; } body.has-mobile-nav { padding-bottom: 0; } h1, h2, h3, h4, h5, h6 { font-family: var(--rg-font); color: var(--rg-dark); line-height: 1.5; margin: 0 0 .6em; font-weight: 700; } h1 { font-size: 1.85rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.25rem; } h4 { font-size: 1.05rem; } p { margin: 0 0 1em; } a { color: var(--rg-gold-dark); text-decoration: none; transition: color .2s; } a:hover { color: var(--rg-gold); } img { max-width: 100%; height: auto; display: block; } ul, ol { padding-inline-start: 1.4em; } button, input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; } button { cursor: pointer; } table { border-collapse: collapse; width: 100%; } :focus-visible { outline: 2px solid var(--rg-gold); outline-offset: 2px; } .rg-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } .container { width: 100%; max-width: var(--rg-container); margin-inline: auto; padding-inline: var(--rg-gutter); } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .skip-link:focus { position: fixed; top: 8px; inset-inline-start: 8px; z-index: 100000; width: auto; height: auto; padding: 10px 16px; background: var(--rg-dark); color: #fff; clip: auto; border-radius: var(--rg-radius-sm); } .site { overflow-x: clip; } /* ---------- ۳) اجزا ---------- */ .btn, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 22px; border-radius: var(--rg-radius-sm); border: 1.5px solid var(--rg-dark); background: var(--rg-dark); color: #fff !important; font-weight: 600; font-size: .95rem; line-height: 1.6; cursor: pointer; transition: background .2s, color .2s, border-color .2s, transform .15s; text-decoration: none; } .btn:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: var(--rg-gold); border-color: var(--rg-gold); color: var(--rg-dark) !important; } .btn-primary, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { background: var(--rg-gold); border-color: var(--rg-gold); color: var(--rg-dark) !important; } .btn-primary:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: var(--rg-gold-dark); border-color: var(--rg-gold-dark); color: #fff !important; } .btn-outline { background: transparent; color: var(--rg-dark) !important; } .btn-outline:hover { background: var(--rg-dark); color: #fff !important; } .btn-lg { padding: 13px 30px; font-size: 1.05rem; } .btn-sm { padding: 6px 14px; font-size: .85rem; } .woocommerce a.button.disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled { opacity: .55; cursor: not-allowed; } .section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; } .section-title { position: relative; margin: 0; padding-inline-start: 14px; font-size: 1.35rem; } .section-title::before { content: ''; position: absolute; inset-inline-start: 0; top: 6px; bottom: 6px; width: 4px; border-radius: 4px; background: var(--rg-gold); } .section-link { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--rg-dark); } .section-link:hover { color: var(--rg-gold-dark); } .breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: .85rem; color: var(--rg-muted); margin: 18px 0; } .breadcrumb a { color: var(--rg-muted); } .breadcrumb a:hover { color: var(--rg-gold-dark); } .breadcrumb-sep { display: inline-flex; color: var(--rg-gold); } .woocommerce .woocommerce-breadcrumb { margin: 18px 0; font-size: .85rem; color: var(--rg-muted); } .page-header { margin-bottom: 24px; } .page-title { margin-bottom: .3em; } .page-container { padding-block: 8px 56px; } .page-intro { color: var(--rg-muted); max-width: 860px; font-size: .95rem; } .page-intro p:last-child { margin-bottom: 0; } /* متن سئو پایین صفحه (جمع‌شونده) */ .seo-text { position: relative; margin: 40px 0 8px; padding: 24px 28px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); } .seo-text__inner { max-height: 260px; overflow: hidden; transition: max-height .3s; font-size: .92rem; color: var(--rg-text); } .seo-text__inner h2, .seo-text__inner h3 { font-size: 1.1rem; margin-top: 1.2em; } .seo-text.is-open .seo-text__inner { max-height: none; } .seo-text::after { content: ''; position: absolute; inset-inline: 0; bottom: 56px; height: 90px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--rg-surface)); pointer-events: none; border-radius: 0 0 var(--rg-radius) var(--rg-radius); } .seo-text.is-open::after, .seo-text.is-short::after { display: none; } .seo-text__toggle { display: inline-flex; align-items: center; gap: 4px; margin-top: 12px; padding: 6px 16px; border: 1.5px solid var(--rg-gold); background: transparent; color: var(--rg-gold-dark); border-radius: 999px; font-weight: 700; font-size: .88rem; position: relative; z-index: 1; } .seo-text__toggle:hover { background: var(--rg-gold); color: var(--rg-dark); } .seo-text.is-short .seo-text__toggle { display: none; } /* فرم‌ها */ input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="password"], textarea, select, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { width: 100%; padding: 10px 14px; border: 1.5px solid var(--rg-border); border-radius: var(--rg-radius-sm); background: var(--rg-surface); color: var(--rg-text); line-height: 1.6; transition: border-color .2s, box-shadow .2s; } input:focus, textarea:focus, select:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { outline: none; border-color: var(--rg-gold); box-shadow: 0 0 0 3px rgba(var(--rg-gold-rgb), .18); } input[type="number"] { width: auto; } .woocommerce form .form-row label { font-weight: 600; font-size: .9rem; } .woocommerce form .form-row .required { color: var(--rg-danger); text-decoration: none; } .select2-container--default .select2-selection--single { height: 46px; border: 1.5px solid var(--rg-border); border-radius: var(--rg-radius-sm); } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding-inline: 14px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; } /* ---------- ۴) هدر ---------- */ .topbar { background: var(--rg-dark); color: rgba(255, 255, 255, .85); font-size: .82rem; } .topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; } .topbar__text { display: flex; align-items: center; gap: 8px; } .topbar__text .rg-icon { color: var(--rg-gold); } .topbar__text a { color: inherit; } .topbar__links { display: flex; align-items: center; gap: 20px; } .topbar__phone { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 600; } .topbar__phone .rg-icon { color: var(--rg-gold); } .site-header { position: relative; z-index: 200; background: var(--rg-surface); box-shadow: 0 1px 0 var(--rg-border); } .header-main { background: var(--rg-surface); } .site-header--sticky .header-main { position: sticky; top: 0; z-index: 210; transition: box-shadow .25s; } .site-header--sticky.is-scrolled .header-main { box-shadow: 0 6px 24px rgba(31, 27, 22, .10); } .header-main__inner { display: flex; align-items: center; gap: 24px; min-height: 84px; } .header-burger { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; background: transparent; color: var(--rg-dark); border-radius: var(--rg-radius-sm); } .header-burger:hover { background: var(--rg-gold-soft); } .site-branding { flex-shrink: 0; } .site-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--rg-dark); } .site-logo__img, .site-logo img.custom-logo { width: var(--rg-logo-width); max-height: 80px; object-fit: contain; } .site-logo__text { display: flex; flex-direction: column; line-height: 1.3; } .site-logo__name { font-size: 1.35rem; font-weight: 800; letter-spacing: -.01em; color: var(--rg-dark); } .site-logo__tagline { font-size: .72rem; color: var(--rg-muted); font-weight: 500; } .site-logo:hover .site-logo__name { color: var(--rg-gold-dark); } .header-search { flex: 1 1 auto; max-width: 560px; } .rg-search { position: relative; display: flex; } .rg-search__input { padding-inline-end: 52px; background: var(--rg-bg); border-color: transparent; height: 48px; border-radius: 999px; } .rg-search__input:focus { background: var(--rg-surface); } .rg-search__btn { position: absolute; inset-inline-end: 6px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--rg-dark); color: #fff; display: inline-flex; align-items: center; justify-content: center; transition: background .2s; } .rg-search__btn:hover { background: var(--rg-gold); color: var(--rg-dark); } .header-actions { display: flex; align-items: center; gap: 8px; margin-inline-start: auto; } .header-action { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: var(--rg-radius-sm); color: var(--rg-dark); transition: background .2s; } .header-action:hover { background: var(--rg-gold-soft); color: var(--rg-dark); } .header-action__icon { position: relative; display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; border: 1.5px solid var(--rg-border); background: var(--rg-surface); } .header-action__text { display: flex; flex-direction: column; line-height: 1.35; } .header-action__label { font-size: .88rem; font-weight: 700; } .header-action__sub, .header-cart__total { font-size: .75rem; color: var(--rg-muted); } .header-cart__total .woocommerce-Price-amount { color: var(--rg-gold-dark); font-weight: 700; } .header-cart__count { position: absolute; top: -6px; inset-inline-start: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--rg-gold); color: var(--rg-dark); font-size: .72rem; font-weight: 800; line-height: 20px; text-align: center; opacity: .0; transform: scale(.6); transition: .2s; } .header-cart__count.has-items { opacity: 1; transform: scale(1); } .header-cart { position: relative; } .header-cart__dropdown { position: absolute; top: calc(100% + 8px); inset-inline-start: 0; width: 360px; max-width: calc(100vw - 32px); background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); box-shadow: var(--rg-shadow-lg); padding: 16px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s; z-index: 300; } .header-cart:hover .header-cart__dropdown, .header-cart:focus-within .header-cart__dropdown { opacity: 1; visibility: visible; transform: none; } .header-cart__dropdown::before { content: ''; position: absolute; top: -8px; left: 0; right: 0; height: 8px; } .widget_shopping_cart_content .woocommerce-mini-cart { margin: 0; padding: 0; list-style: none; max-height: 300px; overflow: auto; } .woocommerce-mini-cart__empty-message { margin: 0; text-align: center; color: var(--rg-muted); } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 10px 0; border-bottom: 1px solid var(--rg-border); display: grid; grid-template-columns: 56px 1fr; gap: 10px; align-items: center; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: none; width: 56px; height: 56px; object-fit: cover; border-radius: var(--rg-radius-sm); margin: 0; grid-row: span 2; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight: 600; color: var(--rg-dark); font-size: .9rem; } .woocommerce ul.cart_list li a.remove, .woocommerce ul.product_list_widget li a.remove { position: absolute; inset-inline-end: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { position: relative; padding-inline-end: 28px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 2px solid var(--rg-border); padding-top: 12px; margin-top: 8px; display: flex; justify-content: space-between; font-weight: 700; } .woocommerce .widget_shopping_cart .buttons, .woocommerce.widget_shopping_cart .buttons { display: flex; gap: 8px; margin: 12px 0 0; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { flex: 1; margin: 0; padding: 9px 12px; font-size: .88rem; } .woocommerce a.remove { color: var(--rg-danger) !important; width: 22px; height: 22px; line-height: 20px; font-size: 1.2rem; text-align: center; border-radius: 50%; } .woocommerce a.remove:hover { background: var(--rg-danger); color: #fff !important; } .header-search-mobile { display: none; padding-bottom: 12px; } /* نوار منو */ .header-nav { border-top: 1px solid var(--rg-border); background: var(--rg-surface); } .header-nav__inner { display: flex; align-items: stretch; gap: 8px; min-height: 52px; } /* آیتم‌های منو باید تمام ارتفاع نوار را بگیرند؛ وگرنه بین آیتم و پنل مگامنو یک نوار خالی می‌ماند و با پایین‌آوردن موس، :hover قطع و پنل بسته می‌شود. */ .header-nav__menu { display: flex; align-items: stretch; } .nav-menu, .nav-menu ul { list-style: none; margin: 0; padding: 0; } .nav-menu { display: flex; align-items: stretch; } .nav-menu > li { position: relative; display: flex; align-items: stretch; } .nav-menu > li > a { display: inline-flex; align-items: center; gap: 4px; padding: 0 16px; font-weight: 600; color: var(--rg-dark); position: relative; } .nav-menu > li > a::after { content: ''; position: absolute; inset-inline: 16px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--rg-gold); transform: scaleX(0); transition: transform .2s; } .nav-menu > li:hover > a::after, .nav-menu > li.current-menu-item > a::after, .nav-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); } .nav-menu > li.menu-item-has-children > a::before { content: ''; width: 6px; height: 6px; border: solid currentColor; border-width: 0 0 1.5px 1.5px; transform: rotate(-45deg); margin-inline-start: 4px; order: 2; opacity: .6; margin-top: -3px; } .nav-menu .sub-menu { position: absolute; top: 100%; inset-inline-start: 0; min-width: 220px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: 0 0 var(--rg-radius) var(--rg-radius); box-shadow: var(--rg-shadow-lg); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s; z-index: 250; } .nav-menu li:hover > .sub-menu, .nav-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; } .nav-menu .sub-menu li { position: relative; } .nav-menu .sub-menu a { display: block; padding: 8px 12px; border-radius: var(--rg-radius-sm); color: var(--rg-text); font-size: .92rem; } .nav-menu .sub-menu a:hover { background: var(--rg-gold-soft); color: var(--rg-dark); } .nav-menu .sub-menu .sub-menu { top: -8px; inset-inline-start: 100%; border-radius: var(--rg-radius); } /* دکمه دسته‌بندی‌ها */ .cat-menu { position: relative; display: flex; } .cat-menu__btn { display: inline-flex; align-items: center; gap: 10px; padding: 0 18px; min-width: 240px; border: 0; background: var(--rg-gold); color: var(--rg-dark); font-weight: 700; border-radius: 0; transition: background .2s; } .cat-menu__btn:hover { background: var(--rg-gold-dark); color: #fff; } .cat-menu__chev { margin-inline-start: auto; transition: transform .2s; } .cat-menu:hover .cat-menu__chev { transform: rotate(180deg); } .cat-menu__panel { position: absolute; top: 100%; inset-inline-start: 0; width: 280px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-top: 0; box-shadow: var(--rg-shadow-lg); border-radius: 0 0 var(--rg-radius) var(--rg-radius); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s; z-index: 260; } .cat-menu:hover .cat-menu__panel, .cat-menu:focus-within .cat-menu__panel, .cat-menu.is-open .cat-menu__panel { opacity: 1; visibility: visible; transform: none; } .cat-menu__list { list-style: none; margin: 0; padding: 8px; } .cat-menu__item { position: relative; } .cat-menu__item > a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--rg-radius-sm); color: var(--rg-text); font-weight: 500; } .cat-menu__item > a:hover, .cat-menu__item:hover > a { background: var(--rg-gold-soft); color: var(--rg-dark); } .cat-menu__item img, .cat-menu__ph { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: var(--rg-gold-soft); display: inline-flex; align-items: center; justify-content: center; color: var(--rg-gold-dark); flex-shrink: 0; } .cat-menu__arrow { margin-inline-start: auto; color: var(--rg-muted); } .cat-menu__sub { position: absolute; top: 0; inset-inline-start: 100%; min-width: 220px; list-style: none; margin: 0; padding: 8px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); box-shadow: var(--rg-shadow-lg); opacity: 0; visibility: hidden; transition: .2s; } .cat-menu__item:hover > .cat-menu__sub { opacity: 1; visibility: visible; } .cat-menu__sub a { display: block; padding: 7px 12px; border-radius: var(--rg-radius-sm); color: var(--rg-text); font-size: .92rem; } .cat-menu__sub a:hover { background: var(--rg-gold-soft); } .cat-menu__sub--deep { list-style: none; margin: 0; padding: 0 14px 4px 0; padding-inline-start: 14px; padding-inline-end: 0; border-inline-start: 2px solid var(--rg-gold-soft); margin-inline-start: 12px; } .cat-menu__sub--deep a { font-size: .85rem; color: var(--rg-muted); padding: 5px 10px; } .cat-menu__audience { display: flex; gap: 6px; padding: 10px; border-top: 1px solid var(--rg-border); background: var(--rg-gold-soft); } .cat-menu__audience a { flex: 1; text-align: center; padding: 7px 8px; border-radius: 999px; background: var(--rg-surface); border: 1px solid var(--rg-border); color: var(--rg-dark); font-size: .85rem; font-weight: 700; } .cat-menu__audience a:hover { background: var(--rg-gold); border-color: var(--rg-gold); } .mobile-drawer__audience { display: flex; gap: 6px; margin: 4px 0 12px; } .mobile-drawer__audience a { flex: 1; text-align: center; padding: 8px 6px; border-radius: 999px; border: 1.5px solid var(--rg-gold); color: var(--rg-dark); font-weight: 700; font-size: .88rem; } .mobile-drawer__audience a:hover { background: var(--rg-gold); } .mobile-menu .sub-menu .sub-menu { margin-inline-start: 8px; } .mobile-drawer__brands { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 4px; } .mobile-drawer__brands a { padding: 5px 12px; border-radius: 999px; background: var(--rg-gold-soft); color: var(--rg-dark); font-size: .85rem; font-weight: 600; } /* ---------- ۵) منوی کشویی موبایل + نوار پایین ---------- */ .drawer-overlay { position: fixed; inset: 0; background: rgba(31, 27, 22, .55); z-index: 900; opacity: 0; transition: opacity .25s; } .drawer-overlay[hidden] { display: none; } .drawer-overlay.is-visible { opacity: 1; } .mobile-drawer { position: fixed; top: 0; bottom: 0; inset-inline-start: 0; width: 320px; max-width: 88vw; background: var(--rg-surface); z-index: 950; transform: translateX(100%); transition: transform .3s cubic-bezier(.4, 0, .2, 1); display: flex; flex-direction: column; box-shadow: var(--rg-shadow-lg); } [dir="rtl"] .mobile-drawer { transform: translateX(100%); } [dir="ltr"] .mobile-drawer { transform: translateX(-100%); } .mobile-drawer.is-open { transform: none !important; } .mobile-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--rg-border); } .mobile-drawer__head .site-logo__tagline { display: none; } .mobile-drawer__close { border: 0; background: var(--rg-gold-soft); width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--rg-dark); } .mobile-drawer__body { overflow-y: auto; flex: 1; padding: 8px 12px 24px; } .mobile-drawer__account { display: flex; align-items: center; gap: 10px; padding: 12px 14px; margin: 8px 0 12px; background: var(--rg-gold-soft); border-radius: var(--rg-radius-sm); color: var(--rg-dark); font-weight: 700; } .mobile-drawer__account-arrow { margin-inline-start: auto; color: var(--rg-muted); } .mobile-drawer__section { padding: 8px 0 12px; border-bottom: 1px solid var(--rg-border); } .mobile-drawer__title { font-size: .78rem; color: var(--rg-muted); font-weight: 600; margin: 4px 4px 6px; text-transform: uppercase; letter-spacing: .02em; } .mobile-menu, .mobile-menu ul { list-style: none; margin: 0; padding: 0; } .mobile-menu li { position: relative; } .mobile-menu > li > a { display: block; padding: 10px 40px 10px 12px; padding-inline-start: 12px; padding-inline-end: 44px; font-weight: 600; color: var(--rg-dark); border-radius: var(--rg-radius-sm); } .mobile-menu a:hover { background: var(--rg-gold-soft); } .mobile-menu .submenu-toggle { position: absolute; top: 4px; inset-inline-end: 4px; width: 36px; height: 36px; border: 0; background: transparent; color: var(--rg-muted); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: transform .2s; } .mobile-menu li.is-open > .submenu-toggle { transform: rotate(180deg); color: var(--rg-gold-dark); } .mobile-menu .sub-menu { display: none; padding-inline-start: 16px; border-inline-start: 2px solid var(--rg-gold-soft); margin-inline-start: 12px; } .mobile-menu li.is-open > .sub-menu { display: block; } .mobile-menu .sub-menu a { display: block; padding: 8px 12px; font-size: .92rem; color: var(--rg-text); border-radius: var(--rg-radius-sm); } .mobile-drawer__contact { border-bottom: 0; display: flex; flex-direction: column; gap: 10px; padding-top: 14px; } .mobile-drawer__contact > a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--rg-dark); } .mobile-nav { display: none; position: fixed; bottom: 0; inset-inline: 0; z-index: 800; background: var(--rg-surface); border-top: 1px solid var(--rg-border); box-shadow: 0 -6px 20px rgba(31, 27, 22, .08); padding-bottom: env(safe-area-inset-bottom); } .mobile-nav__item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 4px 6px; border: 0; background: transparent; color: var(--rg-muted); font-size: .72rem; font-weight: 600; } .mobile-nav__item.is-active, .mobile-nav__item:hover { color: var(--rg-gold-dark); } .mobile-nav__icon { position: relative; display: inline-flex; } .mobile-nav__icon .header-cart__count { top: -8px; inset-inline-start: -10px; } /* ---------- ۶) فوتر ---------- */ .site-footer { background: var(--rg-dark); color: rgba(255, 255, 255, .78); margin-top: 56px; } .footer-main { padding: 48px 0 32px; } .footer-grid { display: grid; gap: 32px; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } .footer-grid--3 { grid-template-columns: 1.4fr 1fr 1.2fr; } .footer-grid--2 { grid-template-columns: 1fr 1fr; } .footer-grid--1 { grid-template-columns: 1fr; } .footer-title { color: #fff; font-size: 1rem; margin-bottom: 14px; position: relative; padding-bottom: 10px; } .footer-title::after { content: ''; position: absolute; bottom: 0; inset-inline-start: 0; width: 36px; height: 3px; border-radius: 3px; background: var(--rg-gold); } .footer-about__logo { margin-bottom: 14px; } .footer-about__logo .site-logo__name { color: #fff; } .footer-about__logo .site-logo__tagline { color: rgba(255, 255, 255, .6); } .footer-about__logo .site-logo:hover .site-logo__name { color: var(--rg-gold); } .footer-about__text { font-size: .9rem; line-height: 2; } .footer-menu { list-style: none; margin: 0; padding: 0; } .footer-menu li { margin-bottom: 8px; } .footer-menu a { color: rgba(255, 255, 255, .78); font-size: .92rem; display: inline-flex; align-items: center; gap: 6px; } .footer-menu a::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--rg-gold); opacity: .7; } .footer-menu a:hover { color: var(--rg-gold); } .footer-menu-empty { font-size: .82rem; color: rgba(255, 255, 255, .45); } .footer-contact__list { list-style: none; margin: 0 0 14px; padding: 0; } .footer-contact__list li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; font-size: .92rem; } .footer-contact__list .rg-icon { color: var(--rg-gold); margin-top: 6px; } .footer-contact__list a { color: rgba(255, 255, 255, .85); } .social-links { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; } .social-links a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .08); color: #fff; transition: .2s; } .social-links a:hover { background: var(--rg-gold); color: var(--rg-dark); } .social-links--drawer a { background: var(--rg-gold-soft); color: var(--rg-dark); } .footer-trust { background: var(--rg-surface); padding: 20px 0; } .footer-trust__inner { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; } .footer-trust__item img { max-height: 100px; } .footer-bottom { background: rgba(0, 0, 0, .25); padding: 14px 0; font-size: .82rem; } .footer-bottom__inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .footer-copyright { margin: 0; color: rgba(255, 255, 255, .6); } .back-to-top { position: fixed; bottom: 24px; inset-inline-end: 24px; z-index: 700; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--rg-gold); color: var(--rg-dark); box-shadow: var(--rg-shadow-lg); display: inline-flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(12px); transition: .25s; } .back-to-top.is-visible { opacity: 1; visibility: visible; transform: none; } .back-to-top:hover { background: var(--rg-dark); color: #fff; } /* ---------- ۷) صفحات و وبلاگ ---------- */ .entry-content { max-width: 860px; } .entry-content img { border-radius: var(--rg-radius); } .entry-content h2, .entry-content h3 { margin-top: 1.4em; } .entry-content blockquote { border-inline-start: 4px solid var(--rg-gold); background: var(--rg-gold-soft); padding: 12px 18px; margin: 1.2em 0; border-radius: var(--rg-radius-sm); } .post-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .post-card { background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; } .post-card:hover { box-shadow: var(--rg-shadow-lg); transform: translateY(-3px); } .post-card__thumb { display: block; aspect-ratio: 16 / 10; background: var(--rg-gold-soft); overflow: hidden; } .post-card__thumb img { width: 100%; height: 100%; object-fit: cover; } .post-card__ph { display: flex; align-items: center; justify-content: center; height: 100%; opacity: .5; } .post-card__body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; } .post-card__title { font-size: 1.05rem; margin: 0; } .post-card__title a { color: var(--rg-dark); } .post-card__excerpt { font-size: .9rem; color: var(--rg-muted); } .post-card__excerpt p { margin: 0; } .post-card__more { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--rg-gold-dark); font-size: .9rem; margin-top: auto; } .post-meta { display: flex; gap: 14px; font-size: .8rem; color: var(--rg-muted); } .post-meta span { display: inline-flex; align-items: center; gap: 4px; } .single-post__thumb img { border-radius: var(--rg-radius); margin-bottom: 24px; } .post-tags { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 6px; } .post-tags a { background: var(--rg-gold-soft); padding: 3px 10px; border-radius: 999px; font-size: .82rem; color: var(--rg-dark); } .post-navigation { margin: 32px 0; } .post-navigation .nav-links { display: flex; justify-content: space-between; gap: 16px; } .post-navigation a { display: flex; flex-direction: column; padding: 12px 16px; border: 1px solid var(--rg-border); border-radius: var(--rg-radius-sm); background: var(--rg-surface); color: var(--rg-dark); } .post-navigation .nav-label { font-size: .75rem; color: var(--rg-muted); } .pagination, .woocommerce nav.woocommerce-pagination { margin: 32px 0 0; text-align: center; } .pagination .nav-links, .woocommerce nav.woocommerce-pagination ul { display: inline-flex; gap: 6px; border: 0; } .woocommerce nav.woocommerce-pagination ul li { border: 0; margin: 0; } .pagination .page-numbers, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: var(--rg-radius-sm); border: 1.5px solid var(--rg-border); background: var(--rg-surface); color: var(--rg-dark); font-weight: 600; } .pagination .page-numbers.current, .pagination .page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--rg-gold); border-color: var(--rg-gold); color: var(--rg-dark); } .content-none { padding: 40px; text-align: center; background: var(--rg-surface); border-radius: var(--rg-radius); border: 1px dashed var(--rg-border); } .search-again { max-width: 520px; margin-bottom: 28px; } .comments-area { margin-top: 40px; max-width: 860px; } .comment-list { list-style: none; padding: 0; } .comment-list .comment { padding: 16px; margin-bottom: 12px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); } .comment-list .children { list-style: none; padding-inline-start: 24px; } .comment-form label { display: block; font-weight: 600; margin-bottom: 4px; } .comment-form p { margin-bottom: 14px; } .error-404 { padding: 40px 0 60px; } .error-404__inner { max-width: 620px; margin: 0 auto; text-align: center; } .error-404__code { font-size: 4rem; font-weight: 900; color: var(--rg-gold); margin: 0; line-height: 1.1; } .error-404__mark { display: flex; justify-content: center; opacity: .8; } .error-404__search { max-width: 460px; margin: 20px auto; } .error-404__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } /* ---------- ۸) ووکامرس ---------- */ .shop-container { padding-block: 8px 56px; } .woocommerce .woocommerce-products-header__title { margin-bottom: 8px; } .woocommerce .term-description { color: var(--rg-muted); max-width: 800px; } .woocommerce .woocommerce-result-count { margin: 0; color: var(--rg-muted); font-size: .9rem; } .woocommerce .woocommerce-ordering { margin: 0; } .woocommerce .woocommerce-ordering select { width: auto; padding: 8px 36px 8px 12px; border-radius: 999px; font-size: .9rem; } .woocommerce .woocommerce-notices-wrapper:empty { display: none; } .shop-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; padding: 10px 14px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius-sm); } .shop-toolbar:empty { display: none; } .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-result-count, .woocommerce-page .woocommerce-ordering { float: none; margin: 0; } /* گرید محصولات */ .woocommerce ul.products, .woocommerce-page ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0 0 24px; padding: 0; list-style: none; } .woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .woocommerce ul.products.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .woocommerce ul.products.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: auto; float: none; margin: 0; clear: none; position: relative; display: flex; flex-direction: column; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 12px; text-align: right; transition: box-shadow .25s, transform .25s, border-color .25s; } .woocommerce ul.products li.product:hover { box-shadow: var(--rg-shadow-lg); transform: translateY(-4px); border-color: transparent; } .product-card__media { position: relative; margin-bottom: 12px; } .product-card__thumb { display: block; border-radius: calc(var(--rg-radius) - 6px); overflow: hidden; background: var(--rg-gold-soft); } .product-card__thumb img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .4s; } .product-card:hover .product-card__thumb img { transform: scale(1.04); } .product-card__badges { position: absolute; top: 8px; inset-inline-end: 8px; display: flex; flex-direction: column; gap: 4px; align-items: flex-end; z-index: 3; pointer-events: none; } .badge, .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { position: static; display: inline-block; min-width: 0; min-height: 0; line-height: 1.6; padding: 2px 10px; border-radius: 999px; background: var(--rg-danger); color: #fff; font-size: .72rem; font-weight: 700; margin: 0; } .badge--new { background: var(--rg-gold); color: var(--rg-dark); } .badge--out { background: var(--rg-dark); color: #fff; } .product-card__body { display: flex; flex-direction: column; flex: 1; } .product-card__stock { display: inline-flex; align-items: center; gap: 4px; font-size: .72rem; font-weight: 600; padding: 1px 8px; border-radius: 999px; margin-bottom: 6px; align-self: flex-start; } .product-card__stock.is-instock { background: #e8f3ea; color: var(--rg-success); } .woocommerce ul.products li.product .woocommerce-loop-product__title, .product-card__title { font-size: .95rem; font-weight: 600; color: var(--rg-dark); padding: 0; margin: 0 0 6px; line-height: 1.6; min-height: 3.2em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product-card__title a { color: var(--rg-dark); } .product-card__title a:hover { color: var(--rg-gold-dark); } .product-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: .8rem; color: var(--rg-muted); margin-bottom: 4px; min-height: 1.6em; } .product-card__weight, .product-card__rating { display: inline-flex; align-items: center; gap: 4px; } .product-card__rating .rg-icon { color: var(--rg-gold); fill: var(--rg-gold); } .woocommerce ul.products li.product .price, .product-card__price .price { color: var(--rg-gold-dark); font-size: 1rem; font-weight: 800; margin: 4px 0 10px; display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; } .woocommerce ul.products li.product .price del { color: var(--rg-muted); font-weight: 500; font-size: .82rem; opacity: 1; } .woocommerce ul.products li.product .price ins { text-decoration: none; } .product-card__buy { margin-top: auto; } .woocommerce ul.products li.product .button { margin: 0; width: 100%; padding: 9px 12px; font-size: .88rem; } .woocommerce ul.products li.product .button.loading { opacity: .7; } .woocommerce ul.products li.product .added_to_cart { display: block; text-align: center; margin-top: 6px; font-size: .85rem; font-weight: 600; } .woocommerce ul.products li.product .star-rating { margin: 0 0 6px; font-size: .75rem; } .woocommerce ul.products li.product.outofstock .product-card__thumb img { opacity: .6; } .woocommerce span.onsale { position: absolute; top: 18px; inset-inline-end: 18px; } .product-card .woocommerce span.onsale, .product-card span.onsale { position: static; } .woocommerce .star-rating span::before, .woocommerce .star-rating::before { color: var(--rg-gold); } .woocommerce .star-rating { float: none; } /* پیام‌ها */ .woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-noreviews, p.no-comment { border: 1px solid var(--rg-border); border-top: 3px solid var(--rg-gold); background: var(--rg-surface); border-radius: var(--rg-radius-sm); padding: 14px 18px !important; margin: 0 0 24px; color: var(--rg-text); box-shadow: var(--rg-shadow); list-style: none; } .woocommerce-message::before, .woocommerce-error::before, .woocommerce-info::before { display: none; } .woocommerce-error { border-top-color: var(--rg-danger); } .woocommerce-message { border-top-color: var(--rg-success); } .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { float: none; margin-inline-start: 10px; padding: 6px 14px; font-size: .85rem; } /* جداول (سبد) */ .woocommerce table.shop_table { border: 1px solid var(--rg-border); border-radius: var(--rg-radius); border-collapse: separate; border-spacing: 0; background: var(--rg-surface); overflow: hidden; } .woocommerce table.shop_table th { background: var(--rg-gold-soft); font-weight: 700; padding: 12px 14px; } .woocommerce table.shop_table td { padding: 12px 14px; border-top: 1px solid var(--rg-border); vertical-align: middle; } .woocommerce table.shop_table td.product-thumbnail img { width: 70px; border-radius: var(--rg-radius-sm); } .woocommerce table.shop_table td.product-name a { color: var(--rg-dark); font-weight: 600; } .woocommerce .quantity .qty { width: 80px; text-align: center; padding: 8px; } .woocommerce-cart .coupon { display: flex; gap: 8px; align-items: center; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 180px; padding: 9px 12px; } .woocommerce-cart .cart-collaterals .cart_totals { width: 100%; max-width: 420px; float: none; margin-inline-start: auto; } .woocommerce-cart .cart_totals h2 { font-size: 1.15rem; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { width: 100%; font-size: 1rem; padding: 13px; } /* تسویه حساب */ .woocommerce-checkout .col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { width: auto; float: none; } .woocommerce form .form-row { padding: 0; margin-bottom: 14px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 48.5%; float: right; } .woocommerce form .form-row-last { float: left; } .woocommerce #order_review_heading { margin-top: 32px; } .woocommerce #payment { background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); } .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--rg-border); padding: 16px; } .woocommerce-checkout #payment div.payment_box { background: var(--rg-gold-soft); color: var(--rg-text); border-radius: var(--rg-radius-sm); } .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--rg-gold-soft); } .woocommerce-checkout #payment div.form-row.place-order { padding: 16px; } .woocommerce #payment #place_order { width: 100%; font-size: 1rem; padding: 13px; } /* حساب کاربری */ .woocommerce-account .woocommerce { display: grid; grid-template-columns: 260px 1fr; gap: 28px; align-items: start; } .woocommerce-account:not(.logged-in) .woocommerce { display: block; } .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: auto; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 10px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 10px 14px; border-radius: var(--rg-radius-sm); color: var(--rg-text); font-weight: 600; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--rg-gold-soft); color: var(--rg-dark); } .woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 24px; } .woocommerce-account .woocommerce-notices-wrapper { grid-column: 1 / -1; } .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password { border: 1px solid var(--rg-border); border-radius: var(--rg-radius); background: var(--rg-surface); padding: 24px; max-width: 520px; margin: 0 auto 24px; } .woocommerce .u-columns.col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1080px; margin: 0 auto; } .woocommerce .u-columns .col-1, .woocommerce .u-columns .col-2 { width: auto; float: none; } .woocommerce .u-columns form { max-width: none; } .woocommerce form .woocommerce-form-login__rememberme { display: block; margin: 8px 0 12px; } /* ---------- ۹) صفحه اصلی – بخش‌ها (فاز ۳) ---------- */ .home-main { padding-bottom: 8px; } .home-section { margin: 48px 0; } .home-section--intro { margin-top: 24px; } .section-head__titles { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; } .section-subtitle { margin: 0; color: var(--rg-muted); font-size: .9rem; } /* اسلایدر */ .home-slider { position: relative; margin: 20px 0 8px; } .home-slider__viewport { overflow: hidden; border-radius: var(--rg-radius); } .home-slider__track { display: flex; direction: ltr; transition: transform .55s cubic-bezier(.4, 0, .2, 1); will-change: transform; } .home-slider__slide { position: relative; flex: 0 0 100%; min-width: 100%; direction: rtl; } .home-slider__slide img { width: 100%; aspect-ratio: 8 / 3; object-fit: cover; display: block; } .home-slider__link { display: block; } .home-slider__caption { position: absolute; inset: 0; display: flex; align-items: center; background: linear-gradient(to left, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0) 60%); } .home-slider__caption-inner { max-width: 520px; color: #fff; } .home-slider__eyebrow { display: inline-block; color: var(--rg-gold-light); font-weight: 600; margin-bottom: 8px; } .home-slider__title { color: #fff; font-size: 2.4rem; margin-bottom: .5em; line-height: 1.3; text-shadow: 0 2px 12px rgba(0, 0, 0, .35); } .home-slider__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 46px; height: 46px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .9); color: var(--rg-dark); display: inline-flex; align-items: center; justify-content: center; box-shadow: var(--rg-shadow-lg); opacity: 0; transition: opacity .2s, background .2s; } .home-slider:hover .home-slider__arrow, .home-slider__arrow:focus-visible { opacity: 1; } .home-slider__arrow:hover { background: var(--rg-gold); } .home-slider__arrow--prev { inset-inline-start: 16px; } .home-slider__arrow--next { inset-inline-end: 16px; } .home-slider__dots { position: absolute; bottom: 14px; inset-inline: 0; display: flex; justify-content: center; gap: 6px; z-index: 3; } .home-slider__dots button { width: 10px; height: 10px; border-radius: 10px; border: 0; padding: 0; background: rgba(255, 255, 255, .55); transition: .25s; } .home-slider__dots button.is-active { width: 26px; background: var(--rg-gold); } /* مزایای خرید */ .home-features { margin: 24px 0 8px; } .home-features__grid { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); } .home-features__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-features__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-features__grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .home-features__grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .home-feature { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); } .home-feature__icon { flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background: var(--rg-gold-soft); color: var(--rg-gold-dark); display: inline-flex; align-items: center; justify-content: center; } .home-feature__text { display: flex; flex-direction: column; line-height: 1.5; } .home-feature__text strong { font-size: .95rem; color: var(--rg-dark); } .home-feature__text small { color: var(--rg-muted); font-size: .8rem; } /* باکس‌های محصول: کاروسل */ .risheh-products { position: relative; } .risheh-products--carousel ul.products { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; gap: 16px; padding: 4px 2px 12px; margin: 0; scrollbar-width: none; } .risheh-products--carousel ul.products::-webkit-scrollbar { display: none; } .risheh-products--carousel ul.products li.product { flex: 0 0 calc((100% - 48px) / 4); scroll-snap-align: start; } .carousel-arrow { position: absolute; top: 40%; z-index: 4; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--rg-border); background: var(--rg-surface); color: var(--rg-dark); display: inline-flex; align-items: center; justify-content: center; box-shadow: var(--rg-shadow-lg); transition: .2s; } .carousel-arrow:hover { background: var(--rg-gold); border-color: var(--rg-gold); } .carousel-arrow--prev { inset-inline-start: -18px; } .carousel-arrow--next { inset-inline-end: -18px; } .carousel-arrow[disabled] { opacity: .35; cursor: default; } /* دسته‌بندی‌ها */ .cat-grid { display: grid; gap: 16px; grid-template-columns: repeat(8, minmax(0, 1fr)); } .cat-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; color: var(--rg-dark); padding: 12px 8px; border-radius: var(--rg-radius); transition: transform .2s; } .cat-card:hover { transform: translateY(-4px); color: var(--rg-gold-dark); } .cat-card__img { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; background: var(--rg-gold-soft); border: 3px solid var(--rg-surface); box-shadow: 0 0 0 1px var(--rg-border), var(--rg-shadow); transition: box-shadow .2s; } .cat-card:hover .cat-card__img { box-shadow: 0 0 0 2px var(--rg-gold), var(--rg-shadow-lg); } .cat-card__img img { width: 100%; height: 100%; object-fit: cover; } .cat-card__name { font-weight: 700; font-size: .92rem; } .cat-card__count { font-size: .75rem; color: var(--rg-muted); } .cat-grid--card { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cat-grid--card .cat-card { background: var(--rg-surface); border: 1px solid var(--rg-border); padding: 0 0 14px; overflow: hidden; } .cat-grid--card .cat-card__img { width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: 0; border: 0; box-shadow: none; } /* برندها */ .brand-grid { display: grid; gap: 12px; grid-template-columns: repeat(6, minmax(0, 1fr)); } .brand-card { display: flex; align-items: center; justify-content: center; min-height: 90px; padding: 12px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); transition: .2s; filter: grayscale(1); opacity: .8; } .brand-card:hover { filter: none; opacity: 1; border-color: var(--rg-gold); box-shadow: var(--rg-shadow); } .brand-card img { max-height: 60px; width: auto; object-fit: contain; } .brand-card__name { font-weight: 800; color: var(--rg-dark); font-size: 1.05rem; } /* بنرها */ .banner-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .banner-grid--1 { grid-template-columns: 1fr; } .banner-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .banner { display: block; border-radius: var(--rg-radius); overflow: hidden; } .banner img { width: 100%; transition: transform .4s; } a.banner:hover img { transform: scale(1.03); } /* هیرو قدیمی (fallback) */ .home-hero { background: linear-gradient(135deg, var(--rg-dark) 0%, var(--rg-dark-soft) 60%, #4a3f22 100%); color: #fff; padding: 56px 0; margin-bottom: 48px; position: relative; overflow: hidden; } .home-hero__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; position: relative; } .home-hero__eyebrow { display: inline-block; color: var(--rg-gold); font-weight: 600; font-size: .9rem; margin-bottom: 8px; } .home-hero__title { color: #fff; font-size: 2.6rem; margin-bottom: .3em; } .home-hero__text { color: rgba(255, 255, 255, .8); max-width: 520px; font-size: 1.05rem; } .home-hero__art { flex-shrink: 0; opacity: .9; filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .35)); } /* ---------- ۱۰) ریسپانسیو ---------- */ @media (max-width: 1200px) { .woocommerce ul.products, .woocommerce ul.products.columns-5, .woocommerce ul.products.columns-6 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cat-menu__btn { min-width: 200px; } .cat-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } .brand-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .carousel-arrow--prev { inset-inline-start: -8px; } .carousel-arrow--next { inset-inline-end: -8px; } } @media (max-width: 1024px) { .header-burger { display: inline-flex; } .header-main__inner { min-height: 68px; gap: 12px; } .header-search { display: none; } .header-search-mobile { display: block; } .header-nav { display: none; } .header-action__text { display: none; } .header-action { padding: 4px; } .header-cart__dropdown { display: none; } .site-branding { margin-inline-end: auto; } .woocommerce ul.products, .woocommerce ul.products[class*="columns-"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footer-grid, .footer-grid--3 { grid-template-columns: 1fr 1fr; } .woocommerce-account .woocommerce { grid-template-columns: 1fr; } .home-hero__art svg { width: 150px; height: 150px; } .home-hero__title { font-size: 2rem; } .risheh-products--carousel ul.products li.product { flex-basis: calc((100% - 32px) / 3); } .home-features__grid, .home-features__grid--5, .home-features__grid--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cat-grid--card { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-slider__title { font-size: 1.7rem; } .home-slider__arrow { opacity: 1; width: 38px; height: 38px; } body.has-mobile-nav { padding-bottom: 66px; } body.has-mobile-nav .mobile-nav { display: flex; } body.has-mobile-nav .back-to-top { bottom: 80px; } .topbar__text { font-size: .78rem; } } @media (max-width: 767px) { body { font-size: 14.5px; } .topbar__links { display: none; } .topbar__inner { justify-content: center; } .woocommerce ul.products, .woocommerce ul.products[class*="columns-"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .woocommerce ul.products li.product { padding: 8px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .88rem; } .post-grid { grid-template-columns: 1fr; } .footer-grid, .footer-grid--3, .footer-grid--2 { grid-template-columns: 1fr; gap: 24px; } .footer-main { padding: 36px 0 24px; } .footer-bottom__inner { justify-content: center; text-align: center; } .woocommerce-checkout .col2-set, .woocommerce .u-columns.col2-set { grid-template-columns: 1fr; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: none; } .woocommerce-cart .cart-collaterals .cart_totals { max-width: none; } .woocommerce table.shop_table_responsive tr td { display: flex; justify-content: space-between; text-align: right !important; } .woocommerce table.shop_table_responsive tr td::before { float: none; } .home-hero { padding: 36px 0; margin-bottom: 32px; } .home-hero__art { display: none; } .home-hero__title { font-size: 1.7rem; } .section-title { font-size: 1.15rem; } .home-section { margin: 32px 0; } .home-slider { margin-top: 12px; } .home-slider__viewport { border-radius: var(--rg-radius-sm); } .home-slider__slide img { aspect-ratio: 1 / 1; } .home-slider__caption { align-items: flex-end; padding-bottom: 40px; background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0) 60%); } .home-slider__title { font-size: 1.35rem; } .home-slider__arrow { display: none; } .home-features__grid, .home-features__grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .home-feature { padding: 10px; gap: 8px; } .home-feature__icon { width: 38px; height: 38px; } .home-feature__text strong { font-size: .82rem; } .home-feature__text small { font-size: .72rem; } .risheh-products--carousel ul.products li.product { flex-basis: 62%; } .carousel-arrow { display: none; } .cat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } .cat-card { padding: 6px 2px; } .cat-card__img { width: 72px; height: 72px; } .cat-card__name { font-size: .8rem; } .cat-grid--card { grid-template-columns: repeat(2, minmax(0, 1fr)); } .brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .brand-card { min-height: 64px; } .banner-grid, .banner-grid--3 { grid-template-columns: 1fr; } .shop-toolbar { padding: 8px 10px; } h1 { font-size: 1.5rem; } } @media (max-width: 420px) { .woocommerce ul.products, .woocommerce ul.products[class*="columns-"] { gap: 10px; } .woocommerce ul.products li.product .button { font-size: .8rem; padding: 8px 6px; } .mobile-drawer { width: 300px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } } /* اصلاح: clearfix ووکامرس (ul.products::before/::after) در چیدمان grid/flex یک «خانه خالی» می‌سازد */ .woocommerce ul.products::before, .woocommerce ul.products::after, .woocommerce-page ul.products::before, .woocommerce-page ul.products::after, ul.products::before, ul.products::after { display: none !important; content: none !important; } /* ---------- ۱۱) فهرست محصولات: سایدبار فیلترها (فاز ۴) ---------- */ .shop-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; } .shop-layout--full { grid-template-columns: minmax(0, 1fr); } /* سایدبار چسبان: بلافاصله با اسکرول همراه می‌شود (اگر بلندتر از صفحه بود، خودش اسکرول داخلی دارد) */ .shop-sidebar { position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--rg-gold-light) transparent; padding-inline-end: 2px; } .shop-sidebar::-webkit-scrollbar { width: 6px; } .shop-sidebar::-webkit-scrollbar-thumb { background: var(--rg-gold-light); border-radius: 6px; } .shop-sidebar::-webkit-scrollbar-track { background: transparent; } .shop-filters { background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); overflow: hidden; } .shop-filters__head { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--rg-border); background: var(--rg-gold-soft); } .shop-filters__head strong { display: inline-flex; align-items: center; gap: 6px; flex: 1; color: var(--rg-dark); } .shop-filters__reset { font-size: .82rem; color: var(--rg-danger); } .shop-filters__close { display: none; border: 0; background: transparent; color: var(--rg-dark); } .shop-filters__footer { display: none; padding: 12px 16px; border-top: 1px solid var(--rg-border); } .shop-filters__submit { width: 100%; } .filter-block { border-bottom: 1px solid var(--rg-border); } .filter-block:last-of-type { border-bottom: 0; } .filter-block__head { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 16px; border: 0; background: transparent; font-weight: 700; color: var(--rg-dark); font-size: .95rem; } .filter-block__head .rg-icon { transition: transform .2s; color: var(--rg-muted); } .filter-block.is-open .filter-block__head .rg-icon { transform: rotate(180deg); } .filter-block__body { display: none; padding: 0 16px 14px; } .filter-block.is-open .filter-block__body { display: block; } .filter-links, .filter-list { list-style: none; margin: 0; padding: 0; } .filter-links li a { display: flex; align-items: center; gap: 4px; padding: 6px 0; color: var(--rg-text); font-size: .9rem; } .filter-links li a:hover { color: var(--rg-gold-dark); } .filter-links__count { margin-inline-start: auto; font-size: .75rem; color: var(--rg-muted); } .filter-list--scroll { max-height: 220px; overflow-y: auto; padding-inline-end: 4px; } .filter-check { display: flex; align-items: center; gap: 8px; padding: 5px 0; cursor: pointer; font-size: .9rem; position: relative; } .filter-check input { position: absolute; opacity: 0; width: 0; height: 0; } .filter-check__box { width: 18px; height: 18px; border: 1.5px solid var(--rg-border); border-radius: 5px; background: var(--rg-surface); position: relative; flex-shrink: 0; transition: .15s; } .filter-check input:checked + .filter-check__box { background: var(--rg-gold); border-color: var(--rg-gold); } .filter-check input:checked + .filter-check__box::after { content: ''; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid var(--rg-dark); border-width: 0 2px 2px 0; transform: rotate(45deg); } .filter-check input:focus-visible + .filter-check__box { outline: 2px solid var(--rg-gold); outline-offset: 2px; } .filter-check__label { flex: 1; } .filter-check__count { font-size: .75rem; color: var(--rg-muted); } .filter-switch { display: flex; align-items: center; gap: 10px; padding: 6px 0; cursor: pointer; font-size: .9rem; position: relative; } .filter-switch input { position: absolute; opacity: 0; width: 0; height: 0; } .filter-switch__slider { width: 38px; height: 22px; border-radius: 22px; background: var(--rg-border); position: relative; flex-shrink: 0; transition: .2s; } .filter-switch__slider::after { content: ''; position: absolute; top: 3px; inset-inline-start: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: .2s; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); } .filter-switch input:checked + .filter-switch__slider { background: var(--rg-gold); } .filter-switch input:checked + .filter-switch__slider::after { transform: translateX(-16px); } [dir="ltr"] .filter-switch input:checked + .filter-switch__slider::after { transform: translateX(16px); } .filter-range__inputs { display: flex; gap: 8px; margin-bottom: 10px; } .filter-range__inputs label { flex: 1; font-size: .8rem; color: var(--rg-muted); } .filter-range__inputs input { width: 100%; padding: 6px 8px; font-size: .85rem; direction: ltr; text-align: center; } .filter-range__inputs input::-webkit-outer-spin-button, .filter-range__inputs input::-webkit-inner-spin-button { -webkit-appearance: none; } .filter-range__slider { position: relative; height: 26px; } .filter-range__slider input[type=range] { position: absolute; inset: 0; width: 100%; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; pointer-events: none; height: 26px; z-index: 2; } .filter-range__slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 18px; height: 18px; border-radius: 50%; background: var(--rg-surface); border: 2px solid var(--rg-gold); cursor: pointer; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); margin-top: 0; } .filter-range__slider input[type=range]::-moz-range-thumb { pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: var(--rg-surface); border: 2px solid var(--rg-gold); cursor: pointer; } .filter-range__slider input[type=range]::-webkit-slider-runnable-track { height: 0; } .filter-range__slider input[type=range]::-moz-range-track { height: 0; background: transparent; } .filter-range__track { position: absolute; top: 50%; left: 0; right: 0; height: 4px; margin-top: -2px; border-radius: 4px; background: var(--rg-border); z-index: 0; } .filter-range__fill { position: absolute; top: 0; bottom: 0; background: var(--rg-gold); border-radius: 4px; } .filter-range__labels { display: flex; justify-content: space-between; font-size: .75rem; color: var(--rg-muted); margin-top: 2px; } .shop-toolbar__filters { display: none; } .shop-active { display: flex; flex-wrap: wrap; gap: 6px; margin: -8px 0 16px; } .shop-active:empty { display: none; } .shop-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; background: var(--rg-gold-soft); border: 1px solid var(--rg-gold-light); color: var(--rg-dark); font-size: .8rem; } .shop-chip:hover { background: var(--rg-gold); } .shop-chip--reset { background: transparent; border-color: var(--rg-border); color: var(--rg-danger); } .shop-results { position: relative; min-height: 200px; } .shop-results.is-loading::after { content: ''; position: absolute; inset: 0; background: rgba(252, 250, 245, .6); z-index: 5; } .shop-results.is-loading::before { content: ''; position: absolute; top: 120px; left: 50%; width: 36px; height: 36px; margin-left: -18px; border: 3px solid var(--rg-border); border-top-color: var(--rg-gold); border-radius: 50%; animation: rg-spin .8s linear infinite; z-index: 6; } @keyframes rg-spin { to { transform: rotate(360deg); } } .woocommerce-result-count__pages { color: var(--rg-muted); font-size: .85em; } .shop-sidebar-overlay { position: fixed; inset: 0; background: rgba(31, 27, 22, .55); z-index: 900; } .shop-sidebar-overlay[hidden] { display: none; } @media (max-width: 1024px) { .shop-layout { grid-template-columns: minmax(0, 1fr); } .shop-sidebar { position: fixed; top: 0; bottom: 0; inset-inline-start: 0; width: 320px; max-width: 88vw; max-height: none; z-index: 950; transform: translateX(100%); transition: transform .3s cubic-bezier(.4, 0, .2, 1); overflow-y: auto; background: var(--rg-surface); box-shadow: var(--rg-shadow-lg); } [dir="ltr"] .shop-sidebar { transform: translateX(-100%); } .shop-sidebar.is-open { transform: none; } .shop-filters { border: 0; border-radius: 0; min-height: 100%; display: flex; flex-direction: column; } .shop-filters__close { display: inline-flex; } .shop-filters__footer { display: block; margin-top: auto; position: sticky; bottom: 0; background: var(--rg-surface); } .shop-toolbar__filters { display: inline-flex; } } /* ---------- ۱۲) صفحه محصول (فاز ۵) ---------- */ .single-product .shop-container { padding-top: 0; } .single-product div.product { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 36px; align-items: start; position: relative; } .single-product div.product > * { grid-column: 1 / -1; } .single-product div.product .woocommerce-product-gallery { grid-column: 1; float: none; width: auto; margin-bottom: 0; } .single-product div.product .summary { grid-column: 2; float: none; width: auto; margin-bottom: 0; } .single-product div.product .woocommerce-notices-wrapper { grid-column: 1 / -1; } .woocommerce-product-gallery__wrapper { border: 1px solid var(--rg-border); border-radius: var(--rg-radius); overflow: hidden; background: var(--rg-surface); } .woocommerce-product-gallery__image img { width: 100%; } .woocommerce-product-gallery .flex-control-thumbs { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; } .woocommerce-product-gallery .flex-control-thumbs li { width: 72px; float: none; margin: 0; border-radius: var(--rg-radius-sm); overflow: hidden; border: 2px solid transparent; cursor: pointer; } .woocommerce-product-gallery .flex-control-thumbs li img { opacity: .7; } .woocommerce-product-gallery .flex-control-thumbs li img.flex-active, .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active) { border-color: var(--rg-gold); } .woocommerce-product-gallery__trigger { z-index: 5 !important; } .single-product .onsale { position: absolute; top: 14px; inset-inline-end: 14px; z-index: 6; } .single-product .product_title { font-size: 1.5rem; margin-bottom: 8px; } .product-code { font-size: .82rem; color: var(--rg-muted); margin-bottom: 10px; } .single-product .woocommerce-product-rating { margin-bottom: 10px; display: flex; align-items: center; gap: 8px; } .single-product .woocommerce-review-link { font-size: .82rem; color: var(--rg-muted); } .single-product .woocommerce-product-details__short-description { color: var(--rg-muted); font-size: .92rem; margin-bottom: 14px; } .product-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; margin: 0 0 18px; padding: 12px 16px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); } .product-specs__row { display: flex; justify-content: space-between; gap: 8px; font-size: .88rem; padding: 4px 0; border-bottom: 1px dashed var(--rg-border); } .product-specs__row:nth-last-child(-n+2) { border-bottom: 0; } .product-specs dt { color: var(--rg-muted); } .product-specs dd { margin: 0; font-weight: 600; color: var(--rg-dark); text-align: left; } .product-specs dd a { color: var(--rg-gold-dark); } /* باکس خرید */ .buy-box { background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 18px 20px; box-shadow: var(--rg-shadow); margin-bottom: 16px; } .buy-box__weight { display: flex; align-items: center; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--rg-border); margin-bottom: 12px; } .buy-box__weight .rg-icon { color: var(--rg-gold-dark); } .buy-box__weight span { color: var(--rg-muted); } .buy-box__breakdown-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 0; border: 0; background: transparent; font-weight: 700; color: var(--rg-dark); font-size: .95rem; } .buy-box__breakdown-toggle .rg-icon { transition: transform .2s; color: var(--rg-muted); } .buy-box__breakdown-toggle[aria-expanded="true"] .rg-icon { transform: rotate(180deg); } .buy-box__breakdown-body { padding: 4px 0 10px; } .buy-box__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 7px 0; border-bottom: 1px dashed var(--rg-border); font-size: .88rem; } .buy-box__row span { color: var(--rg-text); } .buy-box__row span small { color: var(--rg-muted); font-size: .78rem; } .buy-box__row strong { color: var(--rg-danger); font-weight: 700; white-space: nowrap; } .buy-box__row strong small { font-weight: 500; font-size: .78rem; } .buy-box__row strong em { font-style: normal; font-weight: 500; font-size: .78rem; color: var(--rg-muted); } .buy-box__updated { font-size: .75rem; color: var(--rg-muted); padding-top: 8px; } .buy-box__calc { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 10px 0 4px; padding: 10px 14px; border: 1.5px solid var(--rg-border); border-radius: var(--rg-radius-sm); color: var(--rg-dark); font-weight: 600; background: var(--rg-bg); } .buy-box__calc:hover { border-color: var(--rg-gold); color: var(--rg-gold-dark); } .buy-box__calc .rg-icon { color: var(--rg-danger); } .buy-box__price { display: flex; align-items: baseline; gap: 12px; padding: 14px 0 12px; border-top: 1px solid var(--rg-border); margin-top: 10px; } .buy-box__price-label { color: var(--rg-muted); font-weight: 600; } .buy-box__price-value .price { font-size: 1.7rem; font-weight: 800; color: var(--rg-dark); display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 0; } .buy-box__price-value .price del { font-size: 1rem; color: var(--rg-muted); font-weight: 500; opacity: 1; } .buy-box__price-value .price ins { text-decoration: none; } .buy-box__price-value .woocommerce-Price-currencySymbol { font-size: .85rem; font-weight: 500; color: var(--rg-muted); } .buy-box__cart form.cart { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0; } .buy-box__cart .quantity { display: inline-flex; } .buy-box__cart .single_add_to_cart_button { flex: 1; padding: 13px 20px; font-size: 1rem; background: var(--rg-success) !important; border-color: var(--rg-success) !important; color: #fff !important; } .buy-box__cart .single_add_to_cart_button:hover { background: #256b2a !important; border-color: #256b2a !important; } .buy-box__cart .single_add_to_cart_button::before { content: ''; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center/contain no-repeat; } .buy-box .stock.out-of-stock { color: var(--rg-danger); font-weight: 700; } .buy-box .stock.in-stock { color: var(--rg-success); font-size: .88rem; } .product-trust { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 6px; } .product-trust li { display: flex; align-items: center; gap: 8px; font-size: .85rem; color: var(--rg-text); } .product-trust .rg-icon { color: var(--rg-success); } .product-meta { display: flex; flex-direction: column; gap: 4px; font-size: .85rem; color: var(--rg-muted); margin-bottom: 12px; } .product-meta a { color: var(--rg-gold-dark); } .product-share { display: flex; align-items: center; gap: 8px; font-size: .85rem; color: var(--rg-muted); } .product-share a, .product-share__copy { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border: 1px solid var(--rg-border); border-radius: 999px; background: var(--rg-surface); color: var(--rg-dark); font-size: .8rem; } .product-share a:hover, .product-share__copy:hover { border-color: var(--rg-gold); color: var(--rg-gold-dark); } /* تب‌ها */ .woocommerce div.product .woocommerce-tabs { margin: 32px 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 -1px; display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid var(--rg-border); } .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; border-radius: 0; margin: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 18px; font-weight: 700; color: var(--rg-muted); border-bottom: 3px solid transparent; white-space: nowrap; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--rg-dark); border-bottom-color: var(--rg-gold); } .woocommerce div.product .woocommerce-tabs .panel { background: var(--rg-surface); border: 1px solid var(--rg-border); border-top: 0; border-radius: 0 0 var(--rg-radius) var(--rg-radius); padding: 24px; margin: 0; } .woocommerce div.product .woocommerce-tabs .panel h2:first-child { display: none; } .woocommerce table.woocommerce-product-attributes { border: 0; } .woocommerce table.woocommerce-product-attributes th, .woocommerce table.woocommerce-product-attributes td { padding: 10px 12px; border-bottom: 1px solid var(--rg-border); font-style: normal; } .woocommerce table.woocommerce-product-attributes th { width: 200px; color: var(--rg-muted); background: var(--rg-bg); } .woocommerce table.woocommerce-product-attributes td p { margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-color: var(--rg-border); border-radius: var(--rg-radius-sm); } .woocommerce #reviews #comments ol.commentlist li img.avatar { border-radius: 50%; padding: 0; border: 0; } .woocommerce #review_form #respond p.comment-form-rating { display: flex; gap: 10px; align-items: center; } .woocommerce p.stars a { color: var(--rg-gold); } /* مرتبط / شاید بپسندید */ .woocommerce .related > h2, .woocommerce .up-sells > h2 { position: relative; padding-inline-start: 14px; font-size: 1.35rem; margin-bottom: 22px; } .woocommerce .related > h2::before, .woocommerce .up-sells > h2::before { content: ''; position: absolute; inset-inline-start: 0; top: 6px; bottom: 6px; width: 4px; border-radius: 4px; background: var(--rg-gold); } .woocommerce .related, .woocommerce .up-sells { margin-top: 36px; } /* نوار خرید چسبان موبایل */ .sticky-buy { display: none; position: fixed; bottom: 66px; inset-inline: 0; z-index: 790; background: var(--rg-surface); border-top: 1px solid var(--rg-border); box-shadow: 0 -6px 20px rgba(31, 27, 22, .08); padding: 8px 12px; align-items: center; justify-content: space-between; gap: 10px; } .sticky-buy[hidden] { display: none !important; } .sticky-buy__price .price { font-weight: 800; color: var(--rg-dark); font-size: 1rem; display: flex; flex-direction: column; margin: 0; } .sticky-buy__price .price del { font-size: .75rem; color: var(--rg-muted); } .sticky-buy__btn { padding: 10px 16px; font-size: .9rem; } body:not(.has-mobile-nav) .sticky-buy { bottom: 0; } @media (max-width: 1024px) { .single-product div.product { grid-template-columns: minmax(0, 1fr); gap: 20px; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { grid-column: 1; } .sticky-buy.is-visible { display: flex; } body.single-product.has-mobile-nav { padding-bottom: 130px; } } @media (max-width: 767px) { .product-specs { grid-template-columns: 1fr; } .buy-box { padding: 14px; } .buy-box__price-value .price { font-size: 1.4rem; } .woocommerce div.product .woocommerce-tabs .panel { padding: 16px; } } /* ---------- ۱۳) سبد، تسویه، حساب کاربری، OTP (فاز ۶) ---------- */ .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce { max-width: 1100px; } .woocommerce-cart table.shop_table .product-remove { width: 40px; } .woocommerce-cart table.shop_table td.product-price, .woocommerce-cart table.shop_table td.product-subtotal { white-space: nowrap; font-weight: 600; } .woocommerce-cart .cart-collaterals { margin-top: 24px; } .woocommerce-cart .cart_totals { background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 20px; } .woocommerce-cart .cart_totals table.shop_table { border: 0; } .woocommerce-cart .cart_totals table.shop_table th { background: transparent; width: 40%; } .woocommerce-cart .cart_totals .order-total td { font-size: 1.15rem; color: var(--rg-gold-dark); } .woocommerce-cart .return-to-shop { margin-top: 16px; } .cart-empty.woocommerce-info { text-align: center; padding: 40px 20px !important; font-size: 1.05rem; } .woocommerce-cart .actions .coupon { margin-bottom: 8px; } .woocommerce table.shop_table td.actions .button[name="update_cart"] { float: left; } /* تسویه حساب */ .woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; align-items: start; } .woocommerce-checkout form.checkout > * { grid-column: 1; } .woocommerce-checkout form.checkout #order_review_heading, .woocommerce-checkout form.checkout #order_review { grid-column: 2; } .woocommerce-checkout form.checkout #order_review_heading { grid-row: 1; margin: 0 0 12px; font-size: 1.15rem; } .woocommerce-checkout form.checkout #order_review { grid-row: 2 / span 6; position: sticky; top: 100px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 16px; } .woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout .woocommerce-shipping-fields h3, .woocommerce-checkout .woocommerce-additional-fields h3 { font-size: 1.1rem; padding-bottom: 8px; border-bottom: 2px solid var(--rg-gold-soft); margin-bottom: 14px; } .woocommerce-checkout .col2-set { display: block; } .woocommerce-checkout table.shop_table { border: 0; } .woocommerce-checkout table.shop_table th { background: transparent; } .woocommerce-checkout table.shop_table .order-total td { font-size: 1.15rem; color: var(--rg-gold-dark); } .woocommerce-checkout #payment { margin-top: 14px; } .woocommerce-checkout #payment ul.payment_methods li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px dashed var(--rg-border); } .woocommerce-checkout #payment ul.payment_methods li:last-child { border-bottom: 0; } .woocommerce-checkout #payment ul.payment_methods li label { flex: 1; display: inline-flex; align-items: center; gap: 8px; font-weight: 600; cursor: pointer; } .woocommerce-checkout #payment ul.payment_methods li img { max-height: 26px; margin: 0; } .woocommerce-checkout #payment ul.payment_methods li .payment_box { flex-basis: 100%; margin: 6px 0 0; padding: 10px 12px; font-size: .85rem; } .woocommerce-checkout #payment div.payment_box::before { display: none; } .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin: 12px 0; font-size: .88rem; } .risheh-hidden-field { display: none !important; } .woocommerce form .form-row .risheh-city-select { width: 100%; } .woocommerce form .form-row .risheh-city-other { margin-top: 6px; } .woocommerce form .form-row.form-row-first, .woocommerce form .form-row.form-row-last { width: 48.5%; } .woocommerce-checkout .woocommerce-shipping-totals ul#shipping_method li { display: flex; align-items: flex-start; gap: 6px; margin-bottom: 6px; font-size: .88rem; } .woocommerce-checkout .woocommerce-shipping-totals ul#shipping_method li label { margin: 0; } .woocommerce-order-received .woocommerce-order { max-width: 860px; } .woocommerce-order .woocommerce-notice--success, .woocommerce-thankyou-order-received { background: #e8f3ea; border-top-color: var(--rg-success) !important; font-weight: 700; font-size: 1.05rem; } .woocommerce-order ul.order_details { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 0; margin: 20px 0; list-style: none; } .woocommerce-order ul.order_details li { border: 1px solid var(--rg-border); border-radius: var(--rg-radius-sm); padding: 10px 12px; margin: 0; float: none; font-size: .8rem; color: var(--rg-muted); background: var(--rg-surface); } .woocommerce-order ul.order_details li strong { display: block; font-size: .95rem; color: var(--rg-dark); margin-top: 2px; } .risheh-payment-ref { padding: 10px 14px; background: var(--rg-gold-soft); border-radius: var(--rg-radius-sm); } /* حساب کاربری */ .woocommerce-account .woocommerce-MyAccount-navigation li a::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--rg-gold); display: inline-block; margin-inline-end: 8px; opacity: .6; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table { font-size: .9rem; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .button { padding: 5px 12px; font-size: .8rem; } .woocommerce-account .u-columns h2 { font-size: 1.15rem; } .woocommerce form.login .woocommerce-form-login__submit, .woocommerce form.register .woocommerce-form-register__submit { width: 100%; } .woocommerce form.login .woocommerce-privacy-policy-text, .woocommerce form.register .woocommerce-privacy-policy-text { font-size: .8rem; color: var(--rg-muted); } .woocommerce-account .woocommerce > .woocommerce-notices-wrapper + h2 { grid-column: 1 / -1; } /* ورود با پیامک */ .otp-box { max-width: 520px; margin: 0 auto 24px; background: var(--rg-surface); border: 1px solid var(--rg-gold-light); border-radius: var(--rg-radius); padding: 20px 22px; box-shadow: var(--rg-shadow); } .woocommerce-checkout .otp-box { max-width: none; margin-bottom: 24px; } .otp-box__head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 14px; } .otp-box__head strong { font-size: 1.05rem; color: var(--rg-dark); } .otp-box__head span { font-size: .82rem; color: var(--rg-muted); } .otp-box__step label { display: block; font-weight: 600; font-size: .88rem; margin-bottom: 4px; } .otp-box__row { display: flex; gap: 8px; } .otp-box__row input { flex: 1; text-align: left; letter-spacing: .05em; } .otp-box__btn { white-space: nowrap; } .otp-box__btn--primary { background: var(--rg-success) !important; border-color: var(--rg-success) !important; color: #fff !important; } .otp-box__meta { display: flex; justify-content: space-between; margin-top: 8px; } .otp-box__link { border: 0; background: transparent; color: var(--rg-gold-dark); font-size: .82rem; padding: 0; } .otp-box__link[disabled] { color: var(--rg-muted); cursor: default; } .otp-box__msg { margin: 10px 0 0; font-size: .85rem; min-height: 1.4em; } .otp-box__msg.is-ok { color: var(--rg-success); } .otp-box__msg.is-err { color: var(--rg-danger); } .otp-box__or { position: relative; text-align: center; margin: 16px 0 -6px; } .otp-box__or::before { content: ''; position: absolute; inset-inline: 0; top: 50%; border-top: 1px solid var(--rg-border); } .otp-box__or span { position: relative; background: var(--rg-surface); padding: 0 10px; font-size: .8rem; color: var(--rg-muted); } @media (max-width: 1024px) { .woocommerce-checkout form.checkout { grid-template-columns: minmax(0, 1fr); } .woocommerce-checkout form.checkout #order_review_heading, .woocommerce-checkout form.checkout #order_review { grid-column: 1; grid-row: auto; position: static; } } @media (max-width: 767px) { .otp-box { padding: 16px; } .otp-box__row { flex-direction: column; } .woocommerce table.shop_table td.actions .button[name="update_cart"] { float: none; width: 100%; margin-top: 8px; } } /* ---------- ۲۰) مقایسه، مشاهده سریع، بازدیدهای اخیر (فاز ۱۱) ---------- */ .product-card__media .card-action { position: absolute; inset-inline-start: 8px; z-index: 4; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--rg-border); background: rgba(255, 255, 255, .92); color: var(--rg-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: .2s; opacity: 0; transform: translateY(-4px); } .card-action--compare { top: 50px; } .card-action--quickview { top: 88px; } .product-card:hover .card-action, .card-action.is-active { opacity: 1; transform: none; } .card-action:hover { color: var(--rg-gold-dark); border-color: var(--rg-gold); } .card-action.is-active { background: var(--rg-gold); color: var(--rg-dark); border-color: var(--rg-gold); } @media (hover: none) { .product-card__media .card-action { opacity: 1; transform: none; } } .compare-btn--text.is-active { background: var(--rg-gold-soft); border-color: var(--rg-gold); color: var(--rg-gold-dark); } .compare-bar { position: fixed; bottom: 0; inset-inline: 0; z-index: 820; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 10px 16px; background: var(--rg-dark); color: #fff; font-size: .88rem; box-shadow: 0 -6px 20px rgba(0, 0, 0, .2); } .compare-bar[hidden] { display: none; } .compare-bar b { color: var(--rg-gold); } .compare-bar__clear { border: 0; background: transparent; color: rgba(255, 255, 255, .7); cursor: pointer; font-family: inherit; font-size: .82rem; } body.has-mobile-nav .compare-bar { bottom: 66px; } .compare-table-wrap { overflow-x: auto; } .compare-table { width: 100%; border-collapse: collapse; background: var(--rg-surface); } .compare-table th, .compare-table td { border: 1px solid var(--rg-border); padding: 10px; text-align: center; font-size: .88rem; vertical-align: middle; min-width: 170px; } .compare-table thead th { position: relative; vertical-align: top; } .compare-table thead img { width: 110px; height: 110px; object-fit: cover; border-radius: var(--rg-radius-sm); margin: 0 auto 8px; } .compare-table thead a { display: block; color: var(--rg-dark); font-weight: 600; } .compare-table__price { margin: 6px 0 8px; color: var(--rg-gold-dark); font-weight: 800; } .compare-table__label { background: var(--rg-gold-soft); font-weight: 700; color: var(--rg-dark); min-width: 120px; text-align: right; } .compare-table__remove { position: absolute; top: 6px; inset-inline-end: 6px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--rg-border); background: var(--rg-surface); color: var(--rg-danger); cursor: pointer; line-height: 1; } .recently-viewed { margin-top: 36px; } .recently-viewed h2 { position: relative; padding-inline-start: 14px; font-size: 1.35rem; margin-bottom: 22px; } .recently-viewed h2::before { content: ''; position: absolute; inset-inline-start: 0; top: 6px; bottom: 6px; width: 4px; border-radius: 4px; background: var(--rg-gold); } .rg-modal__box--wide { max-width: 820px; } .rg-modal--quickview .rg-modal__close { position: absolute; top: 10px; inset-inline-end: 12px; z-index: 2; } .quickview { display: grid; grid-template-columns: 300px 1fr; gap: 20px; } .quickview__media img { width: 100%; border-radius: var(--rg-radius); } .quickview__title { margin: 0 0 8px; font-size: 1.15rem; } .quickview__title a { color: var(--rg-dark); } .quickview__weight { font-size: .88rem; color: var(--rg-muted); margin-bottom: 6px; } .quickview__price .price { font-size: 1.4rem; font-weight: 800; color: var(--rg-dark); } .quickview__breakdown { margin: 10px 0; padding: 8px 12px; background: var(--rg-bg); border-radius: var(--rg-radius-sm); } .quickview__excerpt { font-size: .88rem; color: var(--rg-muted); } .quickview__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .quickview__loading { padding: 40px; text-align: center; color: var(--rg-muted); } @media (max-width: 767px) { .quickview { grid-template-columns: 1fr; } .quickview__media img { max-height: 240px; object-fit: contain; } } /* ---------- ۱۹) باشگاه مشتریان (فاز ۱۱) ---------- */ .points-box { margin: 0 0 16px; padding: 14px 16px; background: var(--rg-gold-soft); border: 1px solid var(--rg-gold-light); border-radius: var(--rg-radius); } .points-box__head { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin-bottom: 8px; } .points-box__head strong { color: var(--rg-dark); } .points-box__head span { font-size: .85rem; color: var(--rg-muted); } .points-box__head b { color: var(--rg-gold-dark); } .points-box__row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: .88rem; } .points-box__row input { width: 90px; text-align: center; } .points-box__note { margin: 8px 0 0; font-size: .82rem; color: var(--rg-muted); } .points-account__balance { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 20px; background: var(--rg-dark); color: #fff; border-radius: var(--rg-radius); margin-bottom: 14px; } .points-account__balance strong { font-size: 2.2rem; color: var(--rg-gold); line-height: 1.2; } .points-account__balance small { color: rgba(255, 255, 255, .7); } .points-account__how { font-size: .88rem; color: var(--rg-muted); } /* ---------- ۱۸) اطلاع از موجودی (فاز ۱۱) ---------- */ .stock-notify { margin: 0 0 16px; padding: 16px 18px; background: var(--rg-surface); border: 1px dashed var(--rg-border); border-radius: var(--rg-radius); } .stock-notify__title { display: block; color: var(--rg-danger); margin-bottom: 4px; } .stock-notify__text { font-size: .88rem; color: var(--rg-muted); margin: 0 0 10px; } .stock-notify__row { display: flex; gap: 8px; } .stock-notify__row input { flex: 1; text-align: left; } .stock-notify__msg { margin: 8px 0 0; font-size: .85rem; min-height: 1.3em; } .stock-notify__msg.is-ok { color: var(--rg-success); } .stock-notify__msg.is-err { color: var(--rg-danger); } @media (max-width: 480px) { .stock-notify__row { flex-direction: column; } } /* ---------- ۱۷) محصول متغیر (سایز) + مودال راهنما (فاز ۱۰) ---------- */ .woocommerce div.product form.variations_form { margin-bottom: 0; } .woocommerce div.product table.variations { margin-bottom: 12px; border: 0; } .woocommerce div.product table.variations td, .woocommerce div.product table.variations th { border: 0; padding: 4px 0; vertical-align: middle; } .woocommerce div.product table.variations label { font-weight: 700; margin: 0; } .woocommerce div.product table.variations select { min-width: 160px; padding: 9px 12px; } .woocommerce div.product .woocommerce-variation-price { margin-bottom: 10px; } .woocommerce div.product .woocommerce-variation-price .price { font-size: 1.6rem; font-weight: 800; color: var(--rg-dark); } .woocommerce div.product .woocommerce-variation-availability p { margin: 0 0 8px; font-size: .85rem; } .reset_variations { font-size: .82rem; color: var(--rg-muted); margin-inline-start: 8px; } .size-guide-link { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 12px; padding: 6px 12px; border: 1px dashed var(--rg-gold); background: var(--rg-gold-soft); color: var(--rg-gold-dark); border-radius: 999px; font-size: .85rem; font-weight: 600; font-family: inherit; } .size-guide-link:hover { background: var(--rg-gold); color: var(--rg-dark); } .rg-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; } .rg-modal[hidden] { display: none; } .rg-modal__overlay { position: absolute; inset: 0; background: rgba(31, 27, 22, .6); } .rg-modal__box { position: relative; background: var(--rg-surface); border-radius: var(--rg-radius); box-shadow: var(--rg-shadow-lg); max-width: 560px; width: 100%; max-height: 88vh; display: flex; flex-direction: column; } .rg-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid var(--rg-border); } .rg-modal__head h3 { margin: 0; font-size: 1.05rem; } .rg-modal__close { border: 0; background: transparent; font-size: 1.6rem; line-height: 1; color: var(--rg-muted); cursor: pointer; } .rg-modal__body { padding: 18px 20px; overflow-y: auto; font-size: .9rem; } .rg-modal__body ol { padding-inline-start: 1.2em; } .size-table { width: 100%; border-collapse: collapse; margin: 14px 0; } .size-table th, .size-table td { border: 1px solid var(--rg-border); padding: 6px 8px; text-align: center; font-size: .85rem; } .size-table th { background: var(--rg-gold-soft); } .size-note { font-size: .82rem; color: var(--rg-muted); margin: 0; } /* ---------- ۱۶) قفل قیمت سبد (فاز ۱۰) ---------- */ .price-lock { display: flex; align-items: center; gap: 10px; padding: 12px 16px; margin: 0 0 20px; background: var(--rg-gold-soft); border: 1px solid var(--rg-gold-light); border-radius: var(--rg-radius); font-size: .9rem; color: var(--rg-text); } .price-lock__icon { display: inline-flex; color: var(--rg-gold-dark); flex-shrink: 0; } .price-lock__text strong { color: var(--rg-dark); } .price-lock__timer { display: inline-block; min-width: 3.4em; text-align: center; padding: 1px 8px; border-radius: 6px; background: var(--rg-surface); border: 1px solid var(--rg-gold-light); font-variant-numeric: tabular-nums; } .price-lock.is-soon { background: #fdf3e7; border-color: #f0c99a; } .price-lock.is-soon .price-lock__timer { color: var(--rg-danger); border-color: #f0c99a; } .price-lock.is-expired { background: #fbe9e7; border-color: #f5c6c2; } .price-lock__expired { color: var(--rg-danger); font-weight: 600; } @media (max-width: 767px) { .price-lock { font-size: .82rem; padding: 10px 12px; align-items: flex-start; } } /* ---------- ۱۵) مگامنوی دسته‌بندی‌ها + رنج قیمت (فاز ۹) ---------- */ .header-nav__inner { position: relative; } .nav-menu > li.menu-item-has-mega { position: static; } .mega-panel { position: absolute; top: 100%; inset-inline: 0; z-index: 260; background: var(--rg-surface); border: 1px solid var(--rg-border); border-top: 0; border-radius: 0 0 var(--rg-radius) var(--rg-radius); box-shadow: var(--rg-shadow-lg); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .18s, transform .18s, visibility .18s; } .nav-menu > li.menu-item-has-mega:hover > .mega-panel, .nav-menu > li.menu-item-has-mega:focus-within > .mega-panel, .nav-menu > li.menu-item-has-mega.is-open > .mega-panel { opacity: 1; visibility: visible; transform: none; } /* پل نامرئی بالای پنل: اگر چند پیکسل فاصله بماند، مسیر موس قطع نشود. چون پنل فرزند
  • است، هاور روی این پل، هاور خود li را هم زنده نگه می‌دارد. */ .mega-panel::before { content: ''; position: absolute; inset-inline: 0; bottom: 100%; height: 12px; } .mega-panel__inner { padding: 20px 24px 24px; } .mega-panel__head { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--rg-border); } .mega-panel__title { font-weight: 800; font-size: 1.1rem; color: var(--rg-dark); } .mega-panel__all { display: inline-flex; align-items: center; gap: 4px; margin-inline-start: auto; font-weight: 600; font-size: .88rem; color: var(--rg-gold-dark); } .mega-panel__all:hover { color: var(--rg-dark); } .mega-panel__cols { display: grid; grid-template-columns: 1.3fr 1fr auto; gap: 28px; align-items: start; } .mega-panel__col-title, .cat-flyout__col-title { font-size: .95rem; font-weight: 700; color: var(--rg-dark); margin: 0 0 10px; padding-inline-start: 10px; position: relative; } .mega-panel__col-title::before, .cat-flyout__col-title::before { content: ''; position: absolute; inset-inline-start: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 3px; background: var(--rg-gold); } .mega-panel__list, .cat-flyout__list { list-style: none; margin: 0; padding: 0; columns: 1; } .mega-panel__list li, .cat-flyout__list li { margin-bottom: 2px; } .mega-panel__list a, .cat-flyout__list a { display: block; padding: 6px 10px; border-radius: var(--rg-radius-sm); color: var(--rg-text); font-size: .9rem; transition: background .15s, color .15s; } .mega-panel__list a:hover, .cat-flyout__list a:hover { background: var(--rg-gold-soft); color: var(--rg-gold-dark); } .mega-panel__list--price a::before, .cat-flyout__list--price a::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--rg-gold); margin-inline-end: 8px; vertical-align: middle; opacity: .7; } .mega-panel__media { width: 200px; } .mega-panel__media a { display: block; border-radius: var(--rg-radius); overflow: hidden; position: relative; } .mega-panel__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .35s; } .mega-panel__media a:hover img { transform: scale(1.05); } .mega-panel__media span { position: absolute; inset-inline: 0; bottom: 0; padding: 10px 12px; background: linear-gradient(to top, rgba(31, 27, 22, .8), transparent); color: #fff; font-weight: 700; font-size: .9rem; } .mega-panel__media small { display: block; font-weight: 400; font-size: .75rem; opacity: .85; } /* فلای‌اوت دکمه «دسته‌بندی محصولات» */ .cat-menu__item > .cat-flyout { position: absolute; top: -8px; inset-inline-start: 100%; width: 520px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); box-shadow: var(--rg-shadow-lg); opacity: 0; visibility: hidden; transition: .2s; z-index: 270; } .cat-menu__item:hover > .cat-flyout, .cat-menu__item:focus-within > .cat-flyout { opacity: 1; visibility: visible; } .cat-flyout__inner { padding: 16px 18px; } .cat-flyout__head { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid var(--rg-border); } .cat-flyout__title { font-weight: 800; color: var(--rg-dark); } .cat-flyout__all { display: inline-flex; align-items: center; gap: 4px; margin-inline-start: auto; font-size: .85rem; font-weight: 600; color: var(--rg-gold-dark); } .cat-flyout__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } /* رنج قیمت در منوی موبایل */ .mobile-cats__prices { padding: 8px 12px 4px; } .mobile-cats__prices-title { display: block; font-size: .75rem; font-weight: 700; color: var(--rg-muted); margin-bottom: 6px; } .mobile-cats__prices a { display: inline-block; padding: 4px 10px !important; margin: 0 0 6px 6px; border-radius: 999px; background: var(--rg-gold-soft); font-size: .8rem; color: var(--rg-dark) !important; } @media (max-width: 1200px) { .mega-panel__cols { grid-template-columns: 1.2fr 1fr; } .mega-panel__media { display: none; } .cat-menu__item > .cat-flyout { width: 440px; } } /* ---------- ۱۴) علاقه‌مندی‌ها، جستجوی زنده، تماس، رهگیری، نشان پرداخت (فاز ۷) ---------- */ .wishlist-btn { position: absolute; top: 8px; inset-inline-start: 8px; z-index: 4; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--rg-border); background: rgba(255, 255, 255, .92); color: var(--rg-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: .2s; opacity: 0; transform: translateY(-4px); } .product-card:hover .wishlist-btn, .wishlist-btn.is-active, .wishlist-btn:focus-visible { opacity: 1; transform: none; } .wishlist-btn:hover { color: var(--rg-danger); border-color: var(--rg-danger); } .wishlist-btn.is-active { color: #fff; background: var(--rg-danger); border-color: var(--rg-danger); } .wishlist-btn.is-active svg { fill: currentColor; } .wishlist-btn.is-pop { animation: rg-pop .35s; } @keyframes rg-pop { 50% { transform: scale(1.25); } } .wishlist-btn--text { position: static; width: auto; height: auto; border-radius: var(--rg-radius-sm); padding: 9px 14px; gap: 8px; opacity: 1; transform: none; font-size: .9rem; font-weight: 600; color: var(--rg-dark); background: var(--rg-surface); } .wishlist-btn--text.is-active { background: #fbe9e7; color: var(--rg-danger); border-color: #f5c6c2; } .buy-box__cart .wishlist-btn--text { flex-basis: 100%; justify-content: center; } .header-wishlist .header-cart__count { background: var(--rg-danger); color: #fff; } @media (hover: none) { .wishlist-btn { opacity: 1; transform: none; } } .rg-search { position: relative; } .rg-search__results { position: absolute; top: calc(100% + 6px); inset-inline: 0; z-index: 400; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); box-shadow: var(--rg-shadow-lg); overflow: hidden; } .rg-search__results[hidden] { display: none; } .rg-search__item { display: flex; align-items: center; gap: 10px; padding: 8px 12px; color: var(--rg-dark); border-bottom: 1px solid var(--rg-border); } .rg-search__item:hover { background: var(--rg-gold-soft); } .rg-search__item img { width: 48px; height: 48px; object-fit: cover; border-radius: var(--rg-radius-sm); background: var(--rg-gold-soft); } .rg-search__item-body { display: flex; flex-direction: column; min-width: 0; } .rg-search__item-title { font-weight: 600; font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rg-search__item-price { font-size: .8rem; color: var(--rg-gold-dark); font-weight: 700; } .rg-search__item.is-out .rg-search__item-price { color: var(--rg-muted); } .rg-search__more, .rg-search__empty { display: block; padding: 10px 12px; text-align: center; font-size: .85rem; font-weight: 600; color: var(--rg-gold-dark); } .rg-search__empty { color: var(--rg-muted); } .header-search-mobile .rg-search__results { inset-inline: 16px; } .rg-contact { max-width: 760px; } .rg-contact__form { display: flex; flex-direction: column; gap: 14px; background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 24px; } .rg-contact__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .rg-contact__form label { display: flex; flex-direction: column; gap: 4px; font-weight: 600; font-size: .9rem; } .rg-contact__form label span { color: var(--rg-danger); } .rg-contact__form .btn { align-self: flex-start; } .rg-contact__hp { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; } .rg-contact-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 0 0 24px; } .rg-contact-info > div { background: var(--rg-gold-soft); border-radius: var(--rg-radius); padding: 16px; } .rg-contact-info strong { display: block; color: var(--rg-dark); margin-bottom: 4px; } .risheh-tracking { margin: 24px 0; padding: 14px 18px; background: var(--rg-gold-soft); border-radius: var(--rg-radius); } .risheh-tracking h2 { font-size: 1.05rem; margin-bottom: 6px; } .payment-badges { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; } .payment-badge { padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .75); font-size: .75rem; } .payment-badge--risheh_zarinpal { border-color: #ffd100; color: #ffd100; } .payment-badge--risheh_zibal { border-color: #7fb3e6; color: #7fb3e6; } .rg-faq details { border: 1px solid var(--rg-border); border-radius: var(--rg-radius-sm); background: var(--rg-surface); margin-bottom: 8px; padding: 0 16px; } .rg-faq summary { cursor: pointer; font-weight: 700; padding: 12px 0; list-style: none; position: relative; padding-inline-end: 28px; } .rg-faq summary::-webkit-details-marker { display: none; } .rg-faq summary::after { content: '+'; position: absolute; inset-inline-end: 0; top: 10px; font-size: 1.3rem; color: var(--rg-gold-dark); } .rg-faq details[open] summary::after { content: '−'; } .rg-faq details p { margin: 0 0 14px; color: var(--rg-text); } @media (max-width: 767px) { .rg-contact__row { grid-template-columns: 1fr; } } /* ---------- ۲۱) وبلاگ (فاز ۱۳) ---------- */ .blog-layout { display: grid; grid-template-columns: 1fr 300px; gap: 28px; align-items: start; } .blog-layout--full { grid-template-columns: 1fr; } .blog-sidebar { position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow-y: auto; display: grid; gap: 16px; } .blog-sidebar::-webkit-scrollbar { width: 6px; } .blog-sidebar::-webkit-scrollbar-thumb { background: var(--rg-border); border-radius: 999px; } .blog-sidebar .widget { background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 16px; } .blog-sidebar .widget-title { font-size: .98rem; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--rg-border); color: var(--rg-dark); } .widget-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; } .widget-list a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 7px 8px; border-radius: var(--rg-radius-sm); color: var(--rg-text); font-size: .88rem; } .widget-list a:hover { background: var(--rg-gold-soft); color: var(--rg-gold-dark); } .widget-list a span { font-size: .75rem; color: var(--rg-muted); background: var(--rg-bg); border-radius: 999px; padding: 1px 8px; } .widget-posts { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; } .widget-posts a { display: grid; grid-template-columns: 64px 1fr; gap: 10px; align-items: center; color: var(--rg-text); } .widget-posts img { width: 64px; height: 64px; object-fit: cover; border-radius: var(--rg-radius-sm); } .widget-posts strong { display: block; font-size: .85rem; font-weight: 600; line-height: 1.6; } .widget-posts a:hover strong { color: var(--rg-gold-dark); } .widget-posts small { color: var(--rg-muted); font-size: .74rem; } .widget--products ul.products { grid-template-columns: 1fr !important; gap: 10px; } .widget--products .product-card__title { font-size: .84rem; } .post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; } .post-card { background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; } .post-card:hover { box-shadow: var(--rg-shadow); transform: translateY(-3px); } .post-card__media { position: relative; } .post-card__thumb { display: block; aspect-ratio: 16 / 10; background: var(--rg-gold-soft); overflow: hidden; } .post-card__thumb img { width: 100%; height: 100%; object-fit: cover; } .post-card__ph { display: flex; align-items: center; justify-content: center; height: 100%; opacity: .5; } .post-badge { position: absolute; top: 10px; inset-inline-start: 10px; background: rgba(255, 255, 255, .94); color: var(--rg-gold-dark); border-radius: 999px; padding: 3px 12px; font-size: .74rem; font-weight: 700; box-shadow: 0 2px 8px rgba(0, 0, 0, .08); } .post-badge:hover { background: var(--rg-gold); color: #fff; } .post-card__body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .post-card__title { font-size: 1rem; line-height: 1.7; margin: 0; } .post-card__title a { color: var(--rg-dark); } .post-card__title a:hover { color: var(--rg-gold-dark); } .post-card__excerpt { color: var(--rg-muted); font-size: .85rem; line-height: 2; flex: 1; } .post-card__excerpt p { margin: 0; } .post-card__more { display: inline-flex; align-items: center; gap: 4px; color: var(--rg-gold-dark); font-size: .84rem; font-weight: 700; } .post-meta { display: flex; flex-wrap: wrap; gap: 14px; color: var(--rg-muted); font-size: .8rem; } .post-meta span { display: inline-flex; align-items: center; gap: 4px; } .single-post__thumb { margin: 0 0 24px; border-radius: var(--rg-radius); overflow: hidden; } .single-post__thumb img { width: 100%; height: auto; display: block; } .single-post .page-header { text-align: start; } .single-post .post-meta { margin-top: 10px; } .single-post .post-badge { position: static; display: inline-block; margin-bottom: 10px; box-shadow: none; background: var(--rg-gold-soft); } .single-main .entry-content { font-size: .96rem; line-height: 2.2; color: var(--rg-text); } .single-main .entry-content h2 { font-size: 1.25rem; margin: 32px 0 12px; color: var(--rg-dark); position: relative; padding-inline-start: 14px; } .single-main .entry-content h2::before { content: ''; position: absolute; inset-inline-start: 0; top: 6px; bottom: 6px; width: 4px; border-radius: 4px; background: var(--rg-gold); } .single-main .entry-content h3 { font-size: 1.08rem; margin: 24px 0 10px; color: var(--rg-dark); } .single-main .entry-content p { margin: 0 0 16px; } .single-main .entry-content ul, .single-main .entry-content ol { margin: 0 0 16px; padding-inline-start: 22px; } .single-main .entry-content li { margin-bottom: 8px; } .single-main .entry-content img { max-width: 100%; height: auto; border-radius: var(--rg-radius); } .single-main .entry-content blockquote { margin: 20px 0; padding: 14px 18px; background: var(--rg-gold-soft); border-inline-start: 4px solid var(--rg-gold); border-radius: var(--rg-radius-sm); } .single-main .entry-content blockquote p:last-child { margin: 0; } .single-main .entry-content table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: .88rem; } .single-main .entry-content th, .single-main .entry-content td { border: 1px solid var(--rg-border); padding: 9px 12px; text-align: start; } .single-main .entry-content th { background: var(--rg-gold-soft); color: var(--rg-dark); } .post-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0; } .post-tags a { background: var(--rg-bg); border: 1px solid var(--rg-border); border-radius: 999px; padding: 4px 12px; font-size: .78rem; color: var(--rg-muted); } .post-tags a:hover { border-color: var(--rg-gold); color: var(--rg-gold-dark); } .post-share { margin: 20px 0 0; } .author-box { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: center; background: var(--rg-gold-soft); border-radius: var(--rg-radius); padding: 16px; margin: 28px 0; } .author-box__avatar { border-radius: 50%; } .author-box__body strong { display: block; color: var(--rg-dark); margin-bottom: 4px; } .author-box__body p { margin: 0; font-size: .85rem; color: var(--rg-muted); line-height: 2; } .post-products, .related-posts { margin: 32px 0 0; } .post-products h2, .related-posts h2 { font-size: 1.1rem; margin: 0 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--rg-border); } .post-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 28px 0; } .post-navigation .nav-previous, .post-navigation .nav-next { background: var(--rg-surface); border: 1px solid var(--rg-border); border-radius: var(--rg-radius); padding: 12px 16px; } .post-navigation .nav-next { text-align: end; } .post-navigation .nav-label { display: block; font-size: .75rem; color: var(--rg-muted); margin-bottom: 4px; } .post-navigation .nav-title { font-size: .88rem; font-weight: 600; color: var(--rg-dark); } .post-navigation a:hover .nav-title { color: var(--rg-gold-dark); } @media (max-width: 1023px) { .blog-layout { grid-template-columns: 1fr; } .blog-sidebar { position: static; max-height: none; overflow: visible; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } } @media (max-width: 575px) { .post-grid { grid-template-columns: 1fr; } .post-navigation { grid-template-columns: 1fr; } .blog-sidebar { grid-template-columns: 1fr; } } .author-box__avatar--letter { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(135deg, var(--rg-gold) 0%, var(--rg-gold-dark) 100%); color: #fff; font-weight: 700; line-height: 1; } /* ---------- ۲۲) نویسندگان وبلاگ (فاز ۱۴) ---------- */ .author-box { grid-template-columns: 72px 1fr; align-items: start; } .author-box__label { display: block; font-size: .72rem; color: var(--rg-gold-dark); letter-spacing: .5px; margin-bottom: 2px; } .author-box__name { color: var(--rg-dark); } .author-box__name:hover { color: var(--rg-gold-dark); } .author-box__role { display: block; font-size: .8rem; color: var(--rg-muted); margin-top: 2px; } .author-box__body p { margin: 8px 0 0; } .author-box__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; } .author-box__more { display: inline-flex; align-items: center; gap: 4px; font-size: .82rem; font-weight: 700; color: var(--rg-gold-dark); } .author-box__social { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--rg-surface); border: 1px solid var(--rg-border); color: var(--rg-muted); } .author-box__social:hover { border-color: var(--rg-gold); color: var(--rg-gold-dark); } .author-box__link { display: block; } .author-hero { display: grid; grid-template-columns: 104px 1fr; gap: 20px; align-items: center; background: var(--rg-gold-soft); border-radius: var(--rg-radius); padding: 24px; margin: 0 0 24px; } .author-hero .author-box__avatar { border-radius: 50%; object-fit: cover; } .author-hero__label { display: block; font-size: .75rem; color: var(--rg-gold-dark); letter-spacing: .5px; } .author-hero .page-title { margin: 2px 0 0; font-size: 1.5rem; } .author-hero__role { display: block; color: var(--rg-muted); font-size: .88rem; margin-top: 4px; } .author-hero__bio { margin: 10px 0 0; color: var(--rg-text); font-size: .88rem; line-height: 2; max-width: 68ch; } .author-hero__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; } .author-hero__count { display: inline-flex; align-items: center; gap: 5px; font-size: .8rem; color: var(--rg-muted); background: rgba(255, 255, 255, .65); border-radius: 999px; padding: 4px 12px; } .post-meta__author a { color: inherit; } .post-meta__author a:hover { color: var(--rg-gold-dark); } .rg-empty { background: var(--rg-surface); border: 1px dashed var(--rg-border); border-radius: var(--rg-radius); padding: 28px; text-align: center; color: var(--rg-muted); } @media (max-width: 575px) { .author-hero { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 20px 16px; } .author-hero__foot, .author-box__foot { justify-content: center; } .author-box { grid-template-columns: 1fr; text-align: center; justify-items: center; } } .filter-note { margin: 8px 0 0; font-size: .74rem; line-height: 1.9; color: var(--rg-muted); } /* ---------- ۲۳) مسیر صفحه + شمارنده نتایج در یک ردیف (الگوی مرجع) ---------- */ .shop-crumbs { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 16px; } .shop-crumbs .woocommerce-breadcrumb, .shop-crumbs .breadcrumb { margin: 0; flex: 1 1 auto; min-width: 0; } .shop-crumbs .woocommerce-result-count { margin: 0; flex: 0 0 auto; font-size: .82rem; color: var(--rg-muted); } .shop-crumbs .woocommerce-result-count__pages { color: var(--rg-muted); } .shop-container .page-header { margin-bottom: 10px; } @media (max-width: 575px) { .shop-crumbs { gap: 4px 10px; } .shop-crumbs .woocommerce-result-count { flex-basis: 100%; } } /* ---------- ۲۴) ویدیو در متن‌ها (فاز ۱۷) ---------- */ .rg-video { margin: 20px 0; position: relative; width: 100%; border-radius: var(--rg-radius); overflow: hidden; background: var(--rg-dark); } .rg-video::before { content: ''; display: block; padding-top: 56.25%; } .rg-video--4-3::before { padding-top: 75%; } .rg-video--1-1::before { padding-top: 100%; } .rg-video--9-16::before { padding-top: 177.78%; } .rg-video--9-16 { max-width: 400px; margin-inline: auto; } .rg-video > iframe, .rg-video > video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } figure.rg-video { margin-inline: 0; } figure.rg-video > figcaption { position: absolute; inset-inline: 0; bottom: 0; padding: 10px 14px; background: linear-gradient(to top, rgba(31, 27, 22, .85), transparent); color: #fff; font-size: .82rem; } .entry-content .rg-video, .seo-text .rg-video, .page-intro .rg-video { max-width: 760px; } /* ---------- ۲۵) زمان تحویل سفارش (فاز ۱۸) ---------- */ .risheh-delivery { margin: 24px 0; padding: 18px; background: var(--rg-gold-soft); border-radius: var(--rg-radius); } .risheh-delivery h3 { margin: 0 0 6px; font-size: 1.02rem; color: var(--rg-dark); } .risheh-delivery__note, .risheh-delivery__empty { margin: 0 0 12px; font-size: .84rem; color: var(--rg-muted); line-height: 2; } .risheh-delivery__empty { margin-bottom: 0; } .risheh-delivery__days { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x proximity; } .risheh-delivery__days::-webkit-scrollbar { height: 5px; } .risheh-delivery__days::-webkit-scrollbar-thumb { background: var(--rg-border); border-radius: 999px; } .risheh-delivery__day { flex: 0 0 auto; scroll-snap-align: start; min-width: 92px; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 12px; background: var(--rg-surface); border: 1.5px solid var(--rg-border); border-radius: var(--rg-radius-sm); cursor: pointer; transition: border-color .15s, background .15s; } .risheh-delivery__day:hover { border-color: var(--rg-gold); } .risheh-delivery__day.is-active { border-color: var(--rg-gold); background: #fff; box-shadow: 0 0 0 3px var(--rg-gold-soft); } .risheh-delivery__weekday { font-size: .78rem; color: var(--rg-muted); } .risheh-delivery__date { font-weight: 700; color: var(--rg-dark); font-size: .92rem; } .risheh-delivery__day.is-active .risheh-delivery__date { color: var(--rg-gold-dark); } .risheh-delivery__slots { margin-top: 14px; display: grid; gap: 8px; } .risheh-delivery__slot { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--rg-surface); border: 1.5px solid var(--rg-border); border-radius: var(--rg-radius-sm); cursor: pointer; font-size: .9rem; } .risheh-delivery__slot:hover { border-color: var(--rg-gold); } .risheh-delivery__slot:has(input:checked) { border-color: var(--rg-gold); background: #fff; } .risheh-delivery__slot input { accent-color: var(--rg-gold-dark); } .risheh-delivery__slot-label { color: var(--rg-dark); font-weight: 600; } .risheh-delivery__left { margin-inline-start: auto; font-size: .75rem; color: #b32d2e; background: #fcebea; border-radius: 999px; padding: 2px 10px; } .risheh-order-delivery { margin: 24px 0; } .risheh-order-delivery h2 { font-size: 1.05rem; margin-bottom: 6px; } @media (max-width: 575px) { .risheh-delivery { padding: 14px; } .risheh-delivery__day { min-width: 84px; } }