f408faac54
Initialize the base WordPress theme files, including core template hierarchy (index, page, single, archive, 404), WooCommerce template overrides, and essential asset directories.
1224 lines
43 KiB
CSS
1224 lines
43 KiB
CSS
/* =========================================
|
|
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;
|
|
} |