/* ===================================================================
   آرتین پولاس — سیستم طراحی قرمز و مشکی
   نسخه ۱.۰.۰
   این فایل روی اکثر قالب‌های وردپرس/ووکامرس قابل اعمال است.
   برای شخصی‌سازی رنگ‌ها فقط بخش «متغیرها» را ویرایش کنید.
=================================================================== */

/* ---------- ۱. متغیرهای رنگی و طراحی ---------- */
:root {
	--apr-black: #0d0d0d;
	--apr-black-soft: #1a1a1a;
	--apr-red: #d81324;
	--apr-red-dark: #a30d1b;
	--apr-red-light: #ff4757;
	--apr-white: #ffffff;
	--apr-gray-light: #f4f4f5;
	--apr-gray-mid: #9a9a9a;
	--apr-gray-dark: #2b2b2b;
	--apr-radius: 10px;
	--apr-radius-sm: 6px;
	--apr-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	--apr-shadow-hover: 0 14px 32px rgba(216, 19, 36, 0.22);
	--apr-transition: all 0.25s ease;
	--apr-font: 'Vazirmatn', Tahoma, sans-serif;
}

/* ---------- ۲. پایه و تایپوگرافی ---------- */
body.apr-redesign-active {
	font-family: var(--apr-font);
	color: var(--apr-black-soft);
	background: var(--apr-white);
}

body.apr-redesign-active h1,
body.apr-redesign-active h2,
body.apr-redesign-active h3,
body.apr-redesign-active h4 {
	font-family: var(--apr-font);
	font-weight: 700;
	color: var(--apr-black);
}

body.apr-redesign-active a {
	transition: var(--apr-transition);
}

/* ---------- ۳. هدر ---------- */
body.apr-redesign-active .site-header,
body.apr-redesign-active header.site-header,
body.apr-redesign-active #masthead {
	background: var(--apr-black);
	color: var(--apr-white);
	border-bottom: 3px solid var(--apr-red);
}

body.apr-redesign-active .site-header a,
body.apr-redesign-active .site-header .site-title,
body.apr-redesign-active .main-navigation a {
	color: var(--apr-white) !important;
}

body.apr-redesign-active .main-navigation a:hover,
body.apr-redesign-active .site-header a:hover {
	color: var(--apr-red-light) !important;
}

/* آیکون سبد خرید در هدر */
body.apr-redesign-active .cart-contents .count,
body.apr-redesign-active .woocommerce-mini-cart-item-count {
	background: var(--apr-red);
	color: var(--apr-white);
	border-radius: 50%;
	padding: 2px 7px;
	font-size: 11px;
}

/* ---------- ۴. دکمه‌ها و CTA ---------- */
body.apr-redesign-active .button,
body.apr-redesign-active button,
body.apr-redesign-active input[type="submit"],
body.apr-redesign-active .add_to_cart_button,
body.apr-redesign-active .single_add_to_cart_button,
body.apr-redesign-active .checkout-button,
body.apr-redesign-active .wp-block-button__link {
	background: var(--apr-red) !important;
	color: var(--apr-white) !important;
	border: none !important;
	border-radius: var(--apr-radius-sm) !important;
	padding: 12px 28px !important;
	font-weight: 600 !important;
	letter-spacing: 0.3px;
	transition: var(--apr-transition) !important;
	box-shadow: 0 4px 12px rgba(216, 19, 36, 0.25);
}

body.apr-redesign-active .button:hover,
body.apr-redesign-active button:hover,
body.apr-redesign-active input[type="submit"]:hover,
body.apr-redesign-active .add_to_cart_button:hover,
body.apr-redesign-active .single_add_to_cart_button:hover {
	background: var(--apr-red-dark) !important;
	transform: translateY(-2px);
	box-shadow: var(--apr-shadow-hover);
}

/* دکمه‌های ثانویه (مثل «مشاهده سبد خرید») */
body.apr-redesign-active .added_to_cart,
body.apr-redesign-active .button.wc-forward {
	background: var(--apr-black) !important;
	color: var(--apr-white) !important;
}

/* ---------- ۵. بج تخفیف / پیشنهاد ویژه ---------- */
body.apr-redesign-active .onsale {
	background: var(--apr-red) !important;
	color: var(--apr-white) !important;
	font-weight: 700;
	border-radius: 50%;
	box-shadow: 0 4px 10px rgba(216, 19, 36, 0.35);
}

body.apr-redesign-active del {
	color: var(--apr-gray-mid);
}

body.apr-redesign-active ins,
body.apr-redesign-active .price ins .amount,
body.apr-redesign-active .price > .amount {
	color: var(--apr-red);
	font-weight: 700;
	text-decoration: none;
}

/* ---------- ۶. کارت محصول در صفحات دسته‌بندی و صفحه اصلی ---------- */
body.apr-redesign-active ul.products li.product {
	border-radius: var(--apr-radius);
	overflow: hidden;
	background: var(--apr-white);
	box-shadow: var(--apr-shadow);
	transition: var(--apr-transition);
	padding: 12px !important;
}

body.apr-redesign-active ul.products li.product:hover {
	transform: translateY(-6px);
	box-shadow: var(--apr-shadow-hover);
}

body.apr-redesign-active ul.products li.product .woocommerce-loop-product__title {
	font-weight: 600;
	color: var(--apr-black);
}

body.apr-redesign-active ul.products li.product .star-rating {
	color: var(--apr-red);
}

/* ---------- ۷. صفحه محصول ---------- */
body.apr-redesign-active .single-product div.product p.price,
body.apr-redesign-active .single-product div.product span.price {
	color: var(--apr-red);
	font-size: 1.4em;
	font-weight: 800;
}

body.apr-redesign-active .single-product div.product .product_title {
	color: var(--apr-black);
}

body.apr-redesign-active .woocommerce-tabs ul.tabs li.active {
	border-bottom: 3px solid var(--apr-red);
}

body.apr-redesign-active .woocommerce-tabs ul.tabs li a {
	color: var(--apr-black-soft);
}

/* نماد اعتماد / ضمانت بازگشت کالا (در صورت وجود کلاس اختصاصی apr-trust-badge) */
body.apr-redesign-active .apr-trust-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--apr-gray-light);
	border: 1px solid var(--apr-red);
	color: var(--apr-black);
	border-radius: var(--apr-radius-sm);
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 600;
}

/* ---------- ۸. سبد خرید و تسویه‌حساب ---------- */
body.apr-redesign-active .woocommerce-cart-form th,
body.apr-redesign-active table.shop_table thead th {
	background: var(--apr-black);
	color: var(--apr-white);
}

body.apr-redesign-active table.shop_table {
	border-radius: var(--apr-radius);
	overflow: hidden;
	box-shadow: var(--apr-shadow);
}

body.apr-redesign-active .cart-collaterals .cart_totals,
body.apr-redesign-active #order_review {
	background: var(--apr-gray-light);
	border-radius: var(--apr-radius);
	padding: 20px;
	border-top: 3px solid var(--apr-red);
}

body.apr-redesign-active .woocommerce-checkout #payment {
	background: var(--apr-gray-light);
	border-radius: var(--apr-radius);
}

body.apr-redesign-active .woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label {
	color: var(--apr-red);
	font-weight: 700;
}

/* ---------- ۹. پیام‌ها و اعلان‌ها ---------- */
body.apr-redesign-active .woocommerce-message,
body.apr-redesign-active .woocommerce-info {
	border-top-color: var(--apr-red) !important;
}

body.apr-redesign-active .woocommerce-message::before {
	color: var(--apr-red) !important;
}

body.apr-redesign-active .woocommerce-error {
	border-top-color: var(--apr-black) !important;
}

/* ---------- ۱۰. حساب کاربری ---------- */
body.apr-redesign-active .woocommerce-MyAccount-navigation ul li.is-active a,
body.apr-redesign-active .woocommerce-MyAccount-navigation ul li a:hover {
	color: var(--apr-red);
	font-weight: 700;
}

body.apr-redesign-active .woocommerce-MyAccount-navigation {
	background: var(--apr-black);
	border-radius: var(--apr-radius);
	padding: 10px;
}

body.apr-redesign-active .woocommerce-MyAccount-navigation ul li a {
	color: var(--apr-white);
}

/* ---------- ۱۱. جستجو ---------- */
body.apr-redesign-active .search-form input[type="search"],
body.apr-redesign-active .woocommerce-product-search input[type="search"] {
	border: 2px solid var(--apr-black);
	border-radius: var(--apr-radius-sm) 0 0 var(--apr-radius-sm);
	padding: 10px 14px;
}

body.apr-redesign-active .search-form input[type="search"]:focus,
body.apr-redesign-active .woocommerce-product-search input[type="search"]:focus {
	border-color: var(--apr-red);
	outline: none;
}

body.apr-redesign-active .search-form button,
body.apr-redesign-active .woocommerce-product-search button {
	border-radius: 0 var(--apr-radius-sm) var(--apr-radius-sm) 0 !important;
}

/* ---------- ۱۲. فوتر ---------- */
body.apr-redesign-active .site-footer,
body.apr-redesign-active footer.site-footer,
body.apr-redesign-active #colophon {
	background: var(--apr-black);
	color: var(--apr-gray-mid);
	border-top: 3px solid var(--apr-red);
}

body.apr-redesign-active .site-footer a,
body.apr-redesign-active #colophon a {
	color: var(--apr-white);
}

body.apr-redesign-active .site-footer a:hover,
body.apr-redesign-active #colophon a:hover {
	color: var(--apr-red-light);
}

body.apr-redesign-active .site-footer .widget-title,
body.apr-redesign-active #colophon .widget-title {
	color: var(--apr-red-light);
	font-weight: 700;
}

/* ---------- ۱۳. انیمیشن‌های ظریف ---------- */
@keyframes apr-fade-up {
	from {
		opacity: 0;
		transform: translateY(14px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

body.apr-redesign-active ul.products li.product,
body.apr-redesign-active .apr-trust-badge {
	animation: apr-fade-up 0.5s ease both;
}

body.apr-redesign-active .onsale {
	animation: apr-pulse 2s infinite;
}

@keyframes apr-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(216, 19, 36, 0.35); }
	50% { box-shadow: 0 0 0 8px rgba(216, 19, 36, 0); }
}

/* ---------- ۱۴. ریسپانسیو موبایل ---------- */
@media (max-width: 768px) {
	body.apr-redesign-active .button,
	body.apr-redesign-active .single_add_to_cart_button {
		width: 100%;
		text-align: center;
		padding: 14px 20px !important;
	}

	body.apr-redesign-active ul.products li.product {
		padding: 8px !important;
	}

	body.apr-redesign-active .site-header .main-navigation {
		background: var(--apr-black-soft);
	}
}

/* ---------- ۱۵. دسترس‌پذیری ---------- */
body.apr-redesign-active a:focus-visible,
body.apr-redesign-active button:focus-visible,
body.apr-redesign-active input:focus-visible {
	outline: 3px solid var(--apr-red-light);
	outline-offset: 2px;
}