/* ========================================= Motayeb Theme - Clean & Final Styles ========================================= */ /* فونت پیش‌فرض */ * { font-family: 'Vazirmatn', sans-serif; } .font-inter { font-family: 'Inter', sans-serif; } /* اسکرولبار سفارشی */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: #F5F0E8; } ::-webkit-scrollbar-thumb { background: #D4A574; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #C08B52; } .dark ::-webkit-scrollbar-track { background: #1A1D23; } .dark ::-webkit-scrollbar-thumb { background: #2D5F3F; border-radius: 3px; } .dark ::-webkit-scrollbar-thumb:hover { background: #6fb88a; } /* پترن لانه زنبوری */ .honeycomb-bg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23D4A574' stroke-width='0.5' opacity='0.1'/%3E%3Cpath d='M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34' fill='none' stroke='%23D4A574' stroke-width='0.5' opacity='0.1'/%3E%3C/svg%3E"); } /* ابزارهای عمومی */ .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .search-overlay { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .cart-badge { animation: pulseSoft 2s ease-in-out infinite; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; background: #2D5F3F; border-radius: 50%; cursor: pointer; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.2); } .dark input[type="range"]::-webkit-slider-thumb { background: #6fb88a; border-color: #22262E; } /* انیمیشن‌ها */ @keyframes pulseSoft { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } .animate-float { animation: float 3s ease-in-out infinite; } @media (max-width: 767px) { .bottom-nav { padding-bottom: env(safe-area-inset-bottom, 0); } } /* ========================================= منوهای وردپرس ========================================= */ header nav ul, header .flex.items-center.gap-8 ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; gap: 2rem !important; } header nav ul li a, header .flex.items-center.gap-8 ul li a { font-size: 0.875rem !important; font-weight: 500 !important; color: #8B5A3C !important; transition: color 0.2s ease !important; position: relative !important; display: inline-block !important; padding: 0 !important; margin: 0 !important; background: none !important; border: none !important; line-height: 1.5 !important; } header nav ul li a::after, header .flex.items-center.gap-8 ul li a::after { content: '' !important; display: block !important; width: 0 !important; height: 2px !important; background: #2D5F3F !important; transition: width 0.3s ease !important; position: absolute !important; bottom: -4px !important; right: 0 !important; } header nav ul li a:hover, header .flex.items-center.gap-8 ul li a:hover { color: #2D5F3F !important; } header nav ul li a:hover::after, header .flex.items-center.gap-8 ul li a:hover::after { width: 100% !important; } .dark header nav ul li a, .dark header .flex.items-center.gap-8 ul li a { color: #E8E6E3 !important; } .dark header nav ul li a:hover, .dark header .flex.items-center.gap-8 ul li a:hover { color: #6fb88a !important; } .dark header nav ul li a::after, .dark header .flex.items-center.gap-8 ul li a::after { background: #6fb88a !important; } /* منوی موبایل */ #mobile-menu nav ul { flex-direction: column !important; gap: 0 !important; } #mobile-menu nav ul li { width: 100%; } #mobile-menu nav ul li a { display: flex !important; align-items: center !important; gap: 0.75rem !important; padding: 0.75rem 1rem !important; border-radius: 0.75rem !important; font-size: 0.9rem !important; color: #8B5A3C !important; width: 100% !important; } #mobile-menu nav ul li a::after { display: none !important; } #mobile-menu nav ul li a:hover { background-color: rgba(45, 95, 63, 0.06) !important; color: #2D5F3F !important; } .dark #mobile-menu nav ul li a { color: #E8E6E3 !important; } .dark #mobile-menu nav ul li a:hover { background-color: rgba(45, 95, 63, 0.15) !important; color: #6fb88a !important; } header nav ul ul, header .flex.items-center.gap-8 ul ul { display: none !important; } /* ========================================= محافظت‌های ریسپانسیو ========================================= */ img { max-width: 100% !important; height: auto !important; } p, span, a, h1, h2, h3, h4, h5, h6, li { word-wrap: break-word !important; overflow-wrap: break-word !important; } @media (max-width: 767px) { .text-4xl { font-size: 2rem !important; } .text-3xl { font-size: 1.5rem !important; } .text-2xl { font-size: 1.25rem !important; } .py-16, .py-24 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-28 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .gap-12 { gap: 2rem !important; } .gap-8 { gap: 1.5rem !important; } .product-card .quick-actions { opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto !important; position: static !important; margin-top: 0.5rem; } .product-card:hover .product-img { transform: none !important; } .animate-float { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .text-6xl { font-size: 2.75rem !important; } .text-7xl { font-size: 3.5rem !important; } } /* ========================================= فروشگاه و آرشیو (archive-product) ========================================= */ /* کارت محصولات */ .product-card { position: relative; overflow: hidden; } .product-card .quick-actions { opacity: 0; transform: translateY(10px); pointer-events: none; transition: all 0.3s ease; z-index: 10; } .product-card:hover .quick-actions { opacity: 1; transform: translateY(0); pointer-events: auto; } .product-card:hover .product-img { transform: scale(1.08); } .product-img { transition: transform 0.5s ease; } .product-card .button { flex: 1; padding: 0.625rem 1rem; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px); border-radius: 0.75rem; font-size: 0.75rem; font-weight: 700; color: #8B5A3C; display: flex; align-items: center; justify-content: center; gap: 0.25rem; transition: all 0.2s; border: none; cursor: pointer; } .product-card .button:hover { background: #2D5F3F; color: #fff; } .dark .product-card .button { background: rgba(34, 38, 46, 0.9); color: #E8E6E3; } .dark .product-card .button:hover { background: #6fb88a; color: #1A1D23; } /* تگ تخفیف */ .woocommerce span.onsale { position: absolute; top: 0.75rem; right: 0.75rem; background: #dc2626; color: #fff; padding: 0.25rem 0.625rem; border-radius: 9999px; font-size: 0.625rem; font-weight: 700; min-height: auto; min-width: auto; line-height: 1.5; margin: 0; z-index: 5; } .woocommerce-ordering { display: none; } .product-card .price del { opacity: 0.5; } /* گرید و صفحه بندی */ ul.products { display: contents !important; } ul.products li.product { width: 100% !important; margin: 0 !important; float: none !important; } .woocommerce-pagination ul.page-numbers { display: flex; align-items: center; gap: 0.5rem; list-style: none; padding: 0; margin: 0; } .woocommerce-pagination ul.page-numbers li a, .woocommerce-pagination ul.page-numbers li span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 0.75rem; font-size: 0.875rem; font-weight: 500; border: 1px solid #EBE3D5; color: #8B5A3C; transition: all 0.2s; text-decoration: none; } .woocommerce-pagination ul.page-numbers li a:hover { background: #F5F0E8; border-color: #2D5F3F; color: #2D5F3F; } .woocommerce-pagination ul.page-numbers li span.current { background: #2D5F3F; border-color: #2D5F3F; color: #fff; } .dark .woocommerce-pagination ul.page-numbers li a, .dark .woocommerce-pagination ul.page-numbers li span { border-color: #2E333D; color: #E8E6E3; } .dark .woocommerce-pagination ul.page-numbers li a:hover { background: #22262E; border-color: #6fb88a; color: #6fb88a; } .dark .woocommerce-pagination ul.page-numbers li span.current { background: #6fb88a; border-color: #6fb88a; color: #1A1D23; } /* ========================================= محصول تکی (single-product) ========================================= */ /* مخفی کردن اجزای اضافه گالری وردپرس */ .woocommerce-product-gallery .woocommerce-product-gallery__trigger, .woocommerce-product-gallery__wrapper .flex-viewport, .woocommerce-product-gallery .flex-control-thumbs, .woocommerce-product-gallery .flex-direction-nav { display: none !important; } /* تامبنیل‌ها */ .gallery-thumb { transition: border-color 0.2s ease; } .gallery-thumb.active { border-color: #2D5F3F !important; } .dark .gallery-thumb.active { border-color: #6fb88a !important; } /* تب‌های توضیحات */ .woocommerce-tabs { max-width: 100%; } .woocommerce-tabs ul.tabs { list-style: none !important; padding: 0 !important; margin: 0 0 2rem 0 !important; display: flex !important; gap: 2rem; border-bottom: 1px solid #EBE3D5 !important; overflow-x: auto; } .dark .woocommerce-tabs ul.tabs { border-bottom-color: #2E333D !important; } .woocommerce-tabs ul.tabs li { background: none !important; border: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; } .woocommerce-tabs ul.tabs li::before, .woocommerce-tabs ul.tabs li::after { display: none !important; content: none !important; border: none !important; } .woocommerce-tabs ul.tabs li a { display: block !important; padding: 1rem 0 !important; font-size: 0.875rem !important; font-weight: 700 !important; color: #A99478 !important; border-bottom: 2px solid transparent !important; transition: all 0.2s !important; outline: none !important; text-decoration: none !important; box-shadow: none !important; border-radius: 0 !important; } .woocommerce-tabs ul.tabs li.active a { color: #2D5F3F !important; border-bottom-color: #2D5F3F !important; } .woocommerce-tabs ul.tabs li a:hover { color: #2D5F3F !important; } .dark .woocommerce-tabs ul.tabs li a { color: #9CA3AF !important; } .dark .woocommerce-tabs ul.tabs li.active a { color: #6fb88a !important; border-bottom-color: #6fb88a !important; } .dark .woocommerce-tabs ul.tabs li a:hover { color: #6fb88a !important; } .woocommerce-tabs .panel { margin-top: 0 !important; padding: 0 !important; } .woocommerce-tabs .panel h2 { display: none !important; } .woocommerce-tabs .panel p { color: #8B5A3C; line-height: 1.8; font-size: 0.9rem; } .dark .woocommerce-tabs .panel p { color: #9CA3AF; } /* محصولات مرتبط */ .related.products { margin-top: 2rem; } .related.products > h2 { font-size: 1.5rem !important; font-weight: 800 !important; margin-bottom: 0 !important; padding: 0 !important; color: #8B5A3C !important; } .dark .related.products > h2 { color: #E8E6E3 !important; } .related.products ul.products { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 1rem; } @media (min-width: 1024px) { .related.products ul.products { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } } .related.products ul.products li.product { width: 100% !important; margin: 0 !important; float: none !important; } /* ========================================= نظرات و ستاره‌ها (سیستم سفارشی جدید) ========================================= */ /* مخفی کردن کامل ستاره‌های قدیمی و فیلدهای تکراری وردپرس */ .woocommerce .star-rating, #review_form .comment-form p.stars, #review_form .comment-form p.comment-form-comment, #review_form .comment-form p.comment-form-author, #review_form .comment-form p.comment-form-email, .woocommerce-Reviews #respond .comment-form p.stars { display: none !important; } /* افکت هاور برای ستاره‌های متنی جدید فرم */ #custom-star-rating .star { transition: color 0.15s ease; cursor: pointer; } #custom-star-rating .star.active { color: #D4A574 !important; } /* ========================================= سبد خرید (Cart) ========================================= */ /* مخفی کردن جدول زشت پیش‌فرض ووکامرس */ .shop_table, .shop_table.responsive { display: none !important; } /* استایل اینپوت تعداد داخل سبد */ .woocommerce cart-form .quantity, .woocommerce .quantity { border: none !important; background: none !important; width: auto !important; height: auto !important; } .woocommerce .quantity .qty { width: 3.5rem !important; height: 2.5rem !important; border: 1px solid #EBE3D5 !important; border-radius: 0.5rem !important; text-align: center !important; font-size: 0.875rem !important; font-weight: 700 !important; color: #2D5F3F !important; background: #FDFBF7 !important; } .dark .woocommerce .quantity .qty { border-color: #2E333D !important; background: #22262E !important; color: #6fb88a !important; } /* متغیرهای محصول (مثل سایز و رنگ) */ .wc-item-meta { margin-top: 0.25rem; font-size: 0.75rem; color: #A99478 !important; } .wc-item-meta p { margin: 0 !important; font-size: 0.75rem !important; color: #A99478 !important; } .dark .wc-item-meta, .dark .wc-item-meta p { color: #9CA3AF !important; } /* استایل بخش خلاصه سفارش و کپن */ .cart_totals { background: transparent !important; border: none !important; padding: 0 !important; width: 100% !important; float: none !important; } .cart_totals h2 { display: none !important; } .cart_totals table { border: none !important; margin: 0 0 1rem 0 !important; border-collapse: collapse !important; width: 100%; } .cart_totals table th, .cart_totals table td { border: none !important; padding: 0.5rem 0 !important; font-size: 0.875rem !important; vertical-align: middle; } .cart_totals table th { font-weight: 400 !important; color: #A99478 !important; text-align: left !important; /* راست‌چین بودن خودکار با dir=rtl انجام میشه */ padding-left: 1rem !important; width: 50%; } .dark .cart_totals table th { color: #9CA3AF !important; } .cart_totals table td { font-weight: 700 !important; color: #2D5F3F !important; text-align: right !important; } .dark .cart_totals table td { color: #6fb88a !important; } /* خط جداکننده زیر جمع کل */ .cart_totals table tr.order-total td, .cart_totals table tr.order-total th { border-top: 1px solid #EBE3D5 !important; padding-top: 1rem !important; margin-top: 0.5rem; font-size: 1.1rem !important; } .dark .cart_totals table tr.order-total td, .dark .cart_totals table tr.order-total th { border-top-color: #2E333D !important; } /* استایل فرم کد تخفیف */ .woocommerce-cart .coupon { margin-bottom: 1.5rem !important; padding: 0 !important; border: none !important; background: none !important; } .woocommerce-cart .coupon .input-text { width: 100% !important; padding: 0.75rem 1rem !important; border: 1px solid #EBE3D5 !important; border-radius: 0.75rem !important; background: #F5F0E8 !important; font-family: 'Vazirmatn', sans-serif !important; font-size: 0.875rem !important; color: #8B5A3C !important; outline: none; } .woocommerce-cart .coupon .input-text:focus { border-color: #2D5F3F !important; } .dark .woocommerce-cart .coupon .input-text { background: #1A1D23 !important; border-color: #2E333D !important; color: #E8E6E3 !important; } .woocommerce-cart .coupon button[name="apply_coupon"] { width: 100%; margin-top: 0.75rem; padding: 0.75rem !important; background: #F5F0E8 !important; color: #8B5A3C !important; border: none !important; border-radius: 0.75rem !important; font-family: 'Vazirmatn', sans-serif !important; font-weight: 700 !important; cursor: pointer; transition: all 0.2s; } .woocommerce-cart .coupon button[name="apply_coupon"]:hover { background: #EBE3D5 !important; color: #2D5F3F !important; } .dark .woocommerce-cart .coupon button[name="apply_coupon"] { background: #22262E !important; color: #E8E6E3 !important; } .dark .woocommerce-cart .coupon button[name="apply_coupon"]:hover { background: #2E333D !important; } /* پیام‌های ووکامرس (مثل کد تخفیف اشتباه) */ .woocommerce-message, .woocommerce-error, .woocommerce-info { border: 1px solid #2D5F3F !important; background: #e8f5ec !important; color: #2D5F3F !important; border-radius: 1rem !important; padding: 1rem 1.25rem !important; font-size: 0.875rem !important; margin-bottom: 1.5rem !important; } .woocommerce-error { border-color: #dc2626 !important; background: #fef2f2 !important; color: #dc2626 !important; } .dark .woocommerce-message { background: #13291c !important; border-color: #2D5F3F !important; color: #6fb88a !important; } .dark .woocommerce-error { background: #1a1215 !important; border-color: #7f1d1d !important; color: #fca5a5 !important; } .woocommerce-message::before, .woocommerce-error::before, .woocommerce-info::before { color: inherit !important; top: 1.1rem !important; } /* ========================================= سبد خرید (روش بدون باگ - فقط CSS) ========================================= */ /* مخفی کردن عناوین اضافه */ .woocommerce-cart .shop_table th { display: none !important; } .woocommerce-cart .shop_table .product-name a { font-weight: 700 !important; color: #8B5A3C !important; font-size: 0.95rem !important; } .dark .woocommerce-cart .shop_table .product-name a { color: #E8E6E3 !important; } .woocommerce-cart .shop_table .product-name a:hover { color: #2D5F3F !important; } .dark .woocommerce-cart .shop_table .product-name a:hover { color: #6fb88a !important; } /* استایل کلی جدول */ .woocommerce-cart .shop_table { border: none !important; border-collapse: separate !important; border-spacing: 0 0 0.75rem 0 !important; background: transparent !important; } .woocommerce-cart .shop_table tbody { border: none !important; } /* استایل هر ردیف محصول (تبدیل به کارت) */ .woocommerce-cart .shop_table tr { background: #fff !important; border-radius: 1rem !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; border: 1px solid rgba(235, 227, 213, 0.5) !important; transition: all 0.2s ease; } .woocommerce-cart .shop_table tr:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important; } .dark .woocommerce-cart .shop_table tr { background: #22262E !important; border-color: rgba(46, 51, 61, 0.5) !important; } /* سلول‌ها */ .woocommerce-cart .shop_table td { border: none !important; padding: 1rem !important; vertical-align: middle !important; } /* عکس محصول */ .woocommerce-cart .shop_table .product-thumbnail { width: 80px !important; } .woocommerce-cart .shop_table .product-thumbnail img { width: 80px !important; height: 80px !important; object-fit: cover !important; border-radius: 0.75rem !important; } /* حذف متن "یکا" و متغیرها */ .woocommerce-cart .shop_table .product-name .variation, .woocommerce-cart .shop_table .product-name .wc-item-meta { font-size: 0.75rem !important; color: #A99478 !important; margin-top: 0.25rem !important; } .dark .woocommerce-cart .shop_table .product-name .variation, .dark .woocommerce-cart .shop_table .product-name .wc-item-meta { color: #9CA3AF !important; } /* اینپوت تعداد */ .woocommerce-cart .quantity .qty { width: 3.5rem !important; height: 2.5rem !important; border: 1px solid #EBE3D5 !important; border-radius: 0.5rem !important; text-align: center !important; font-size: 0.875rem !important; font-weight: 700 !important; color: #2D5F3F !important; background: #FDFBF7 !important; } .dark .woocommerce-cart .quantity .qty { border-color: #2E333D !important; background: #1A1D23 !important; color: #6fb88a !important; } /* قیمت محصول */ .woocommerce-cart .shop_table .product-subtotal { font-weight: 800 !important; color: #2D5F3F !important; font-size: 0.95rem !important; } .dark .woocommerce-cart .shop_table .product-subtotal { color: #6fb88a !important; } /* دکمه حذف */ .woocommerce-cart .shop_table .product-remove a { width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center; justify-content: center; border-radius: 0.5rem !important; color: #A99478 !important; background: transparent !important; border: none !important; font-size: 0 !important; text-indent: -9999px; transition: all 0.2s; } .woocommerce-cart .shop_table .product-remove a::before { content: '✕' !important; font-size: 0.875rem !important; text-indent: 0 !important; color: #A99478 !important; } .woocommerce-cart .shop_table .product-remove a:hover { background: #fef2f2 !important; color: #dc2626 !important; } .woocommerce-cart .shop_table .product-remove a:hover::before { color: #dc2626 !important; } /* دکمه به‌روزرسانی */ .woocommerce-cart .actions input[name="update_cart"] { background: #F5F0E8 !important; color: #8B5A3C !important; border: 2px solid #EBE3D5 !important; border-radius: 0.75rem !important; padding: 0.7rem 1.5rem !important; font-family: 'Vazirmatn', sans-serif !important; font-weight: 700 !important; font-size: 0.875rem !important; cursor: pointer; transition: all 0.2s; } .woocommerce-cart .actions input[name="update_cart"]:hover { border-color: #2D5F3F !important; color: #2D5F3F !important; } .dark .woocommerce-cart .actions input[name="update_cart"] { background: #22262E !important; border-color: #2E333D !important; color: #E8E6E3 !important; } /* استایل کپن و خلاصه سفارش */ .woocommerce-cart .cart_totals { background: #fff !important; border: 1px solid rgba(235, 227, 213, 0.5) !important; border-radius: 1rem !important; padding: 1.5rem !important; width: 100% !important; float: none !important; } .dark .woocommerce-cart .cart_totals { background: #22262E !important; border-color: rgba(46, 51, 61, 0.5) !important; } .woocommerce-cart .cart_totals h2 { font-size: 1.1rem !important; margin-bottom: 1rem !important; color: #8B5A3C !important; } .dark .woocommerce-cart .cart_totals h2 { color: #E8E6E3 !important; } /* جداول داخل خلاصه */ .woocommerce-cart .cart_totals table { border: none !important; } .woocommerce-cart .cart_totals table th, .woocommerce-cart .cart_totals table td { border: none !important; padding: 0.6rem 0 !important; font-size: 0.875rem !important; } .woocommerce-cart .cart_totals table th { font-weight: 400 !important; color: #A99478 !important; padding-left: 1rem !important; width: 50%; } .dark .woocommerce-cart .cart_totals table th { color: #9CA3AF !important; } .woocommerce-cart .cart_totals table td { font-weight: 700 !important; color: #2D5F3F !important; } .dark .woocommerce-cart .cart_totals table td { color: #6fb88a !important; } .woocommerce-cart .cart_totals table tr.order-total td, .woocommerce-cart .cart_totals table tr.order-total th { border-top: 1px solid #EBE3D5 !important; padding-top: 1rem !important; font-size: 1.1rem !important; } .dark .woocommerce-cart .cart_totals table tr.order-total td, .dark .woocommerce-cart .cart_totals table tr.order-total th { border-top-color: #2E333D !important; } /* فرم کد تخفیف */ .woocommerce-cart .coupon .input-text { width: 100% !important; padding: 0.75rem 1rem !important; border: 1px solid #EBE3D5 !important; border-radius: 0.75rem !important; background: #F5F0E8 !important; font-family: 'Vazirmatn', sans-serif !important; font-size: 0.875rem !important; color: #8B5A3C !important; outline: none; } .woocommerce-cart .coupon .input-text:focus { border-color: #2D5F3F !important; } .dark .woocommerce-cart .coupon .input-text { background: #1A1D23 !important; border-color: #2E333D !important; color: #E8E6E3 !important; } .woocommerce-cart .coupon button[name="apply_coupon"] { width: 100%; margin-top: 0.75rem; padding: 0.75rem !important; background: #F5F0E8 !important; color: #8B5A3C !important; border: none !important; border-radius: 0.75rem !important; font-family: 'Vazirmatn', sans-serif !important; font-weight: 700 !important; cursor: pointer; transition: all 0.2s; } .woocommerce-cart .coupon button[name="apply_coupon"]:hover { background: #EBE3D5 !important; color: #2D5F3F !important; } .dark .woocommerce-cart .coupon button[name="apply_coupon"] { background: #22262E !important; color: #E8E6E3 !important; } /* دکمه پرداخت (تسویه) */ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: block !important; width: 100%; padding: 1rem !important; background: #2D5F3F !important; color: #fff !important; border-radius: 1rem !important; font-size: 1rem !important; font-family: 'Vazirmatn', sans-serif !important; font-weight: 700 !important; text-align: center !important; box-shadow: 0 10px 15px -3px rgba(45, 95, 63, 0.25) !important; transition: all 0.2s !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #254d34 !important; transform: translateY(-2px); } .dark .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: #6fb88a !important; color: #1A1D23 !important; box-shadow: 0 10px 15px -3px rgba(111, 184, 138, 0.25) !important; } /* ریسپانسیو سبد خرید */ @media (max-width: 768px) { .woocommerce-cart .shop_table { border-spacing: 0 0 0.5rem 0 !important; } .woocommerce-cart .shop_table .product-thumbnail { width: 60px !important; } .woocommerce-cart .shop_table .product-thumbnail img { width: 60px !important; height: 60px !important; } } /* ========================================= تسویه حساب (Checkout) - استایل کامل ========================================= */ /* چیدمان ۲ ستونه فرم‌ها (نام و تلفن کنار هم) */ .woocommerce-checkout #customer_details { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } @media (max-width: 768px) { .woocommerce-checkout #customer_details { grid-template-columns: 1fr; } } /* تیترهای بخش‌ها (صورتحساب، ارسال، پرداخت) */ .woocommerce-checkout .woocommerce-billing-fields > h3, .woocommerce-checkout .woocommerce-shipping-fields > h3, .woocommerce-checkout .woocommerce-additional-fields > h3, .woocommerce-checkout #order_review_heading { font-size: 1.15rem !important; font-weight: 800 !important; color: #2D5F3F !important; margin-bottom: 1.25rem !important; padding-bottom: 0.75rem !important; border-bottom: 2px solid #EBE3D5 !important; } .dark .woocommerce-checkout .woocommerce-billing-fields > h3, .dark .woocommerce-checkout .woocommerce-shipping-fields > h3, .dark .woocommerce-checkout .woocommerce-additional-fields > h3, .dark .woocommerce-checkout #order_review_heading { color: #6fb88a !important; border-bottom-color: #2E333D !important; } /* سطرهای فرم */ .woocommerce form .form-row { display: grid !important; gap: 1rem !important; margin-bottom: 0.75rem !important; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100% !important; float: none !important; } .woocommerce form .form-row-wide { width: 100% !important; float: none !important; } /* فیلدهای ورودی */ .woocommerce-checkout .input-text, .woocommerce-checkout select, .woocommerce-checkout textarea { width: 100% !important; padding: 0.875rem 1rem !important; border: 1px solid #EBE3D5 !important; border-radius: 0.75rem !important; background: #FDFBF7 !important; font-family: 'Vazirmatn', sans-serif !important; font-size: 0.875rem !important; color: #8B5A3C !important; outline: none; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box !important; height: auto !important; } .woocommerce-checkout .input-text:focus, .woocommerce-checkout select:focus, .woocommerce-checkout textarea:focus { border-color: #2D5F3F !important; box-shadow: 0 0 0 3px rgba(45, 95, 63, 0.1) !important; } .dark .woocommerce-checkout .input-text, .dark .woocommerce-checkout select, .dark .woocommerce-checkout textarea { background: #1A1D23 !important; border-color: #2E333D !important; color: #E8E6E3 !important; } .dark .woocommerce-checkout .input-text:focus, .dark .woocommerce-checkout select:focus, .dark .woocommerce-checkout textarea:focus { border-color: #6fb88a !important; box-shadow: 0 0 0 3px rgba(111, 184, 138, 0.1) !important; } /* لیبل‌ها (نام، تلفن، آدرس و...) */ .woocommerce-checkout .form-row label { font-size: 0.8rem !important; font-weight: 600 !important; color: #8B5A3C !important; margin-bottom: 0.35rem !important; display: block !important; } .dark .woocommerce-checkout .form-row label { color: #9CA3AF !important; } .woocommerce-checkout .form-row .required { color: #dc2626 !important; text-decoration: none !important; } /* باکس روش‌های پرداخت */ .woocommerce-checkout #payment { background: #fff !important; border: 1px solid rgba(235, 227, 213, 0.5) !important; border-radius: 1.25rem !important; padding: 1.5rem !important; margin-top: 2rem !important; } .dark .woocommerce-checkout #payment { background: #22262E !important; border-color: rgba(46, 51, 61, 0.5) !important; } .woocommerce-checkout #payment ul.payment_methods { list-style: none !important; padding: 0 0 1rem 0 !important; margin: 0 0 1rem 0 !important; border-bottom: 1px solid #EBE3D5 !important; } .dark .woocommerce-checkout #payment ul.payment_methods { border-bottom-color: #2E333D !important; } .woocommerce-checkout #payment ul.payment_methods li { padding: 0.75rem 1rem !important; background: #FDFBF7 !important; border: 1px solid #EBE3D5 !important; border-radius: 0.75rem !important; margin-bottom: 0.5rem !important; transition: all 0.2s; } .dark .woocommerce-checkout #payment ul.payment_methods li { background: #1A1D23 !important; border-color: #2E333D !important; } .woocommerce-checkout #payment ul.payment_methods li:hover { border-color: #2D5F3F !important; } .dark .woocommerce-checkout #payment ul.payment_methods li:hover { border-color: #6fb88a !important; } /* دکمه ثبت سفارش (سبز بزرگ) */ .woocommerce-checkout #place_order { display: block !important; width: 100% !important; padding: 1rem !important; background: #2D5F3F !important; color: #fff !important; border-radius: 1rem !important; font-family: 'Vazirmatn', sans-serif !important; font-weight: 700 !important; font-size: 1.05rem !important; cursor: pointer; transition: all 0.2s; box-shadow: 0 10px 15px -3px rgba(45, 95, 63, 0.3) !important; border: none !important; margin-top: 1.5rem !important; } .woocommerce-checkout #place_order:hover { background: #254d34 !important; transform: translateY(-2px); box-shadow: 0 15px 20px -5px rgba(45, 95, 63, 0.4) !important; } .dark .woocommerce-checkout #place_order { background: #6fb88a !important; color: #1A1D23 !important; box-shadow: 0 10px 15px -3px rgba(111, 184, 138, 0.3) !important; } .dark .woocommerce-checkout #place_order:hover { background: #4a9a6b !important; } /* خلاصه سفارش سایدبار */ .woocommerce-checkout-review-order { background: #fff !important; border: 1px solid rgba(235, 227, 213, 0.5) !important; border-radius: 1.25rem !important; padding: 1.5rem !important; } .dark .woocommerce-checkout-review-order { background: #22262E !important; border-color: rgba(46, 51, 61, 0.5) !important; } .woocommerce-checkout-review-order-table { border: none !important; } .woocommerce-checkout-review-order-table th { border-bottom: 1px solid #EBE3D5 !important; padding: 0.75rem 0 !important; font-weight: 400 !important; color: #A99478 !important; font-size: 0.875rem !important; } .dark .woocommerce-checkout-review-order-table th { border-bottom-color: #2E333D !important; color: #9CA3AF !important; } .woocommerce-checkout-review-order-table td { border-bottom: 1px solid #F5F0E8 !important; padding: 0.75rem 0 !important; font-size: 0.875rem !important; } .dark .woocommerce-checkout-review-order-table td { border-bottom-color: #2E333D !important; } .woocommerce-checkout-review-order-table .product-name { color: #8B5A3C !important; font-weight: 600 !important; } .dark .woocommerce-checkout-review-order-table .product-name { color: #E8E6E3 !important; } .woocommerce-checkout-review-order-table .product-quantity { color: #A99478 !important; } .woocommerce-checkout-review-order-table .product-total { color: #2D5F3F !important; font-weight: 700 !important; } .dark .woocommerce-checkout-review-order-table .product-total { color: #6fb88a !important; } /* جمع کل */ .woocommerce-checkout .order-total th, .woocommerce-checkout .order-total td { border-top: 2px solid #2D5F3F !important; font-size: 1.1rem !important; font-weight: 800 !important; color: #2D5F3F !important; } .dark .woocommerce-checkout .order-total th, .dark .woocommerce-checkout .order-total td { border-top-color: #6fb88a !important; color: #6fb88a !important; } /* ========================================= بلاگ و مقالات ========================================= */ /* صفحه بندی وردپرس */ nav.post-navigation, .nav-links { display: flex !important; align-items: center; gap: 0.5rem; } .nav-links .page-numbers { display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 0.75rem; font-size: 0.875rem; font-weight: 500; border: 1px solid #EBE3D5 !important; color: #8B5A3C !important; text-decoration: none !important; transition: all 0.2s; } .nav-links .page-numbers.current { background: #2D5F3F !important; border-color: #2D5F3F !important; color: #fff !important; } .nav-links .page-numbers:hover { background: #F5F0E8; border-color: #2D5F3F; color: #2D5F3F; } .dark .nav-links .page-numbers { border-color: #2E333D !important; color: #E8E6E3 !important; } .dark .nav-links .page-numbers.current { background: #6fb88a !important; border-color: #6fb88a !important; color: #1A1D23 !important; } .dark .nav-links .page-numbers:hover { background: #22262E; border-color: #6fb88a; color: #6fb88a; } /* فرم کامنت‌ها */ .comment-respond { margin-top: 3rem; } .comment-respond .comment-form input[type="text"], .comment-respond .comment-form input[type="email"], .comment-respond .comment-form input[type="url"], .comment-respond .comment-form textarea { width: 100% !important; padding: 0.875rem 1rem !important; border: 1px solid #EBE3D5 !important; border-radius: 0.75rem !important; background: #FDFBF7 !important; font-family: 'Vazirmatn', sans-serif !important; font-size: 0.875rem !important; color: #8B5A3C !important; outline: none; transition: border-color 0.2s; } .comment-respond .comment-form input:focus, .comment-respond .comment-form textarea:focus { border-color: #2D5F3F !important; } .dark .comment-respond .comment-form input[type="text"], .dark .comment-respond .comment-form input[type="email"], .dark .comment-respond .comment-form input[type="url"], .dark .comment-respond .comment-form textarea { background: #1A1D23 !important; border-color: #2E333D !important; color: #E8E6E3 !important; } .comment-respond .form-submit input[type="submit"] { background: #2D5F3F !important; color: #fff !important; border: none !important; border-radius: 1rem !important; padding: 0.875rem 2rem !important; font-family: 'Vazirmatn', sans-serif !important; font-weight: 700 !important; cursor: pointer; transition: background 0.2s; } .comment-respond .form-submit input[type="submit"]:hover { background: #254d34 !important; } .dark .comment-respond .form-submit input[type="submit"] { background: #6fb88a !important; color: #1A1D23 !important; } /* ========================================= کامنت‌های بلاگ (استایل برای callback) ========================================= */ /* شماره و عنوان */ #comments .comments-title { font-size: 1.25rem !important; font-weight: 800 !important; color: #2D5F3F !important; margin-bottom: 2rem !important; padding-bottom: 1rem !important; border-bottom: 2px solid #EBE3D5 !important; } .dark #comments .comments-title { color: #6fb88a !important; border-bottom-color: #2E333D !important; } /* لیست نظرات */ #comments ol.comment-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } #comments ol.comment-list li { background: #FDFBF7 !important; border: 1px solid #EBE3D5 !important; border-radius: 1rem !important; padding: 1.25rem !important; margin-bottom: 1rem !important; transition: box-shadow 0.2s; } #comments ol.comment-list li:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.06); } .dark #comments ol.comment-list li { background: #22262E !important; border-color: #2E333D !important; } #comments ol.comment-list ul.children { list-style: none !important; padding-right: 2rem !important; margin-top: 1rem !important; border-right: 2px solid #EBE3D5 !important; } .dark #comments ol.comment-list ul.children { border-right-color: #2E333D !important; } #comments ol.comment-list li ul.children li { margin-top: 1rem !important; } /* متا نویسنده */ .motayeb-comment-meta { font-size: 0.95rem !important; font-weight: 700 !important; color: #8B5A3F3C !important; margin-bottom: 0.25rem !important; } .dark .motayeb-comment-meta { color: #E8E6E3 !important; } /* متادیتا */ .motayeb-comment-date { font-size: 0.75rem !important; color: #A99478 !important; margin-bottom: 1rem !important; padding-bottom: 1rem !important; border-bottom: 1px solid #EBE3D5 !important; } .dark .motayeb-comment-date { color: #9CA3AF !important; border-bottom-color: #2E333D !important; } #comments .comment-awaiting-moderation { background: #FEF3C7 !important; color: #92400E !important; padding: 0.5rem 1rem !important; border-radius: 0.5rem !important; font-size: 0.8rem !important; margin-bottom: 1rem !important; display: inline-block; } .dark #comments .comment-awaiting-moderation { background: #1a1810 !important; color: #fbbf24 !important; } /* متن نظر */ .motayeb-comment-text p { font-size: 0.875rem !important; color: #8B5A3C !important; line-height: 1.8 !important; margin: 0 !important; } .dark .motayeb-comment-text p { color: #9CA3AF !important; } /* دکمه پاسخ */ .motayeb-reply-btn { font-family: 'Vazirmatn', sans-serif !important; font-size: 0.8rem !important; font-weight: 600 !important; color: #2D5F3F !important; display: inline-flex !important; align-items: center !important; gap: 0.35rem !important; padding: 0.4rem 0.8rem !important; border: 1px solid #EBE3D5 !important; border-radius: 0.5rem !important; text-decoration: none !important; transition: all 0.2s !important; } .motayeb-reply-btn:hover { background: #2D5F3F !important; color: #fff !important; border-color: #2D5F3F !important; } .dark .motayeb-reply-btn { color: #6fb88a !important; border-color: #2E333D !important; } .dark .motayeb-reply-btn:hover { background: #6fb88a !important; color: #1A1D23 !important; border-color: #6fb88a !important; } /* صفحه بندی نظرات */ #comments .nav-links { display: flex !important; align-items: center; gap: 0.5rem; margin-top: 2rem !important; padding-top: 2rem !important; border-top: 1px solid #EBE3D5 !important; } .dark #comments .nav-links { border-top-color: #2E333D !important; } /* فرم ثبت نظر */ #respond { margin-top: 3rem !important; padding-top: 2rem !important; border-top: 1px solid #EBE3D5 !important; } #respond .comment-form input[type="text"], #respond .comment-form input[type="email"], #respond .comment-form input[type="url"], #respond .comment-form textarea { width: 100% !important; padding: 0.875rem 1rem !important; border: 1px solid #EBE3D5 !important; border-radius: 0.75rem !important; background: #FDFBF7 !important; font-family: 'Vazirmatn', sans-serif !important; font-size: 0.875rem !important; color: #8B5A3C !important; outline: none; transition: border-color 0.2s !important; box-sizing: border-box !important; } #respond .comment-form input:focus, #respond .comment-form textarea:focus { border-color: #2D5F3F !important; } .dark #respond .comment-form input[type="text"], .dark #respond .comment-form input[type="email"], .dark #respond .comment-form input[type="url"], .dark #respond .comment-form textarea { background: #1A1D23 !important; border-color: #2E333D !important; color: #E8E6E3 !important; } #respond .comment-form textarea { resize: vertical !important; min-height: 120px !important; } #respond .form-submit input[type="submit"] { background: #2D5F5F !important; color: #fff !important; border: none !important; border-radius: 1rem !important; padding: 0.875rem 2rem !important; font-family: 'Vazirmatn', sans-serif !important; font-weight: 700 !important; font-size: 0.95rem !important; cursor: pointer; transition: background 0.2s !important; display: block !important; width: 100% !important; } #respond .form-submit input[type="submit"]:hover { background: #254d34 !important; } .dark #respond .form-submit input[type="submit"] { background: #6fb88a !important; color: #1A1D23 !important; } #respond .logged-in-as { margin-bottom: 1.5rem !important; padding: 1rem !important; background: #F5F0E8 !important; border-radius: 0.75rem !important; font-size: 0.875rem !important; color: #8B5A3C !important; } .dark #respond .logged-in-as { background: #22262E !important; color: #9CA3AF !important; }