/*
 * Site typography, brand tokens and WooCommerce styling for berkehkids.com.
 * Moved out of the Customizer "Additional CSS" field so that it ships as a
 * cacheable, versioned file instead of an inline style block.
 */
/* ================================   Global Font: DoranFaNum   Safe for Elementor / Woodmart icons   ================================ */
@font-face {
	font-family: 'DoranFaNum';
	src: url('/wp-content/DoranFaNum-Regular.woff2') format('woff2'),         url('/wp-content/DoranFaNum-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
:root {
	--site-main-font: 'DoranFaNum', Tahoma, Arial, sans-serif;
}
/* فونت اصلی کل سایت - بدون استفاده از * برای جلوگیری از تداخل با آیکون‌ها */
html,body,body button,body input,body select,body textarea,body optgroup,body .site,body .website-wrapper,body .wd-page-content,body .main-page-wrapper,body .woocommerce,body .widget,body .menu,body .main-nav,body .wd-nav,body .elementor-widget,body .elementor-widget-container,body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body li,body span,body strong,body b,body label,body small,body th,body td,body blockquote,body .button,body .btn,body .wd-button-text,body .elementor-button-text,body .elementor-heading-title,body .elementor-icon-list-text,body .select2-container .select2-selection--single,body .select2-container .select2-selection--multiple,body .select2-search__field {
	font-family: var(--site-main-font) !important;
}
/* ===== Elementor Icons ===== */
.eicon::before,[class^="eicon-"]::before,[class*=" eicon-"]::before,.elementor-icon i::before,.elementor-icon-list-icon i::before {
	font-family: 'eicons' !important;
}
/* ===== Woodmart Icons ===== */
.woodmart-font::before,.wd-tools-icon::before,.wd-header-cart .wd-tools-icon::before,.wd-header-wishlist .wd-tools-icon::before,.wd-header-my-account .wd-tools-icon::before,.wd-search-form .wd-tools-icon::before {
	font-family: 'woodmart-font' !important;
}
/* ===== Font Awesome Icons ===== */
.fa::before,.fas::before,.far::before,.fa-solid::before,.fa-regular::before {
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
}
.fab::before,.fa-brands::before {
	font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
}
/* ۱. کانتینر کلی قیمت */
.woocommerce-variation-add-to-cart .price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 15px 0;
	direction: rtl;
	font-size: 18px;
	 /* اندازه پایه جدید برای کل بخش */ ;
}
/* ۲. قیمت اصلی (خط‌خورده) – حالا بزرگ‌تر و واضح */
.woocommerce-variation-add-to-cart .price del {
	font-size: 0.9em;
	 /* قبلاً 0.8em بود، الان ~16px */ 
    color: #999;
	text-decoration: line-through;
	order: 1;
}
/* ۳. قیمت تخفیف‌خورده (بدون تغییر در استایل، فقط اندازه نسبی) */
.woocommerce-variation-add-to-cart .price ins {
	text-decoration: none;
	order: 2;
	background: #e8f5e9;
	color: #2e7d32;
	font-size: 1.3em;
	 /* حدود 23px، همچنان غالب */ 
    font-weight: 800;
	padding: 6px 20px;
	border-radius: 30px;
	border: 1px solid #c8e6c9;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
}
/* ۶. موبایل */
@media (max-width: 480px) {
	.woocommerce-variation-add-to-cart .price {
		font-size: 16px;
		 /* روی موبایل کمی کوچک‌تر */ 
        gap: 8px;
	}
	.woocommerce-variation-add-to-cart .price ins {
		font-size: 1.2em;
		padding: 5px 16px;
	}
}
/* افزایش قدرت برای غلبه بر استایل‌های پیش‌فرض قالب */
body .woocommerce-variation-add-to-cart .price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 15px auto;
	 /* auto برای وسط‌چین کردن کل بلوک */ 
    direction: rtl;
	font-size: 18px;
	width: fit-content;
	 /* عرض به اندازه محتوا */ 
    max-width: 100%;
	text-align: center;
	 /* پشتیبان برای مرورگرهای قدیمی */ ;
}
/* قیمت اصلی خط‌خورده */
body .woocommerce-variation-add-to-cart .price del {
	font-size: 0.9em;
	color: #999;
	text-decoration: line-through;
	order: 1;
}
/* قیمت تخفیف‌خورده */
body .woocommerce-variation-add-to-cart .price ins {
	text-decoration: none;
	order: 2;
	background: #e8f5e9;
	color: #2e7d32;
	font-size: 1.3em;
	font-weight: 800;
	padding: 6px 20px;
	border-radius: 30px;
	border: 1px solid #c8e6c9;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	line-height: 1.2;
}
body .woocommerce-variation-add-to-cart .price ins:hover {
	background: #c8e6c9;
	box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
body .woocommerce-variation-add-to-cart .price ins .woocommerce-Price-currencySymbol {
	font-size: 0.8em;
	font-weight: 600;
	margin-right: 3px;
}
/* موبایل */
@media (max-width: 480px) {
	body .woocommerce-variation-add-to-cart .price {
		font-size: 16px;
		gap: 8px;
	}
	body .woocommerce-variation-add-to-cart .price ins {
		font-size: 1.2em;
		padding: 5px 16px;
	}
}
body .xts-product .price {
	text-align: center !important;
	display: block;
}
/* =========================================
   WooCommerce Buttons
   رنگ اصلی: #1e6253 (تیره‌تر)
   هاور: #257462 (روشن‌تر)
========================================= */
:root {
	--wc-brand: #1e6253;
	--wc-brand-hover: #257462;
	--wc-brand-active: #174b3f;
	--wc-brand-disabled: #257462B3;
	--wc-text: #ffffff;
}
/* دکمه‌های اصلی ووکامرس */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
button.single_add_to_cart_button,
.single_add_to_cart_button,
.single_add_to_cart_button.button,
.single_add_to_cart_button.button.alt,
.add_to_cart_button,
a.add_to_cart_button,
.products .add_to_cart_button,
.product_type_simple.add_to_cart_button,
.product_type_variable.add_to_cart_button,
.wc-forward,
.added_to_cart,
.checkout-button,
#place_order,
button[name="apply_coupon"],
button[name="update_cart"],
.woocommerce-form-login .button,
.woocommerce-form-register .button,
.woocommerce-Button.button,
.wd-buy-now-btn,
.xts-add-to-cart {
	background: var(--wc-brand) !important;
	background-color: var(--wc-brand) !important;
	color: var(--wc-text) !important;
	border: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}
/* هاور */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
button.single_add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.single_add_to_cart_button.button:hover,
.single_add_to_cart_button.button.alt:hover,
.add_to_cart_button:hover,
a.add_to_cart_button:hover,
.products .add_to_cart_button:hover,
.product_type_simple.add_to_cart_button:hover,
.product_type_variable.add_to_cart_button:hover,
.wc-forward:hover,
.added_to_cart:hover,
.checkout-button:hover,
#place_order:hover,
button[name="apply_coupon"]:hover,
button[name="update_cart"]:hover,
.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover,
.woocommerce-Button.button:hover,
.wd-buy-now-btn:hover,
.xts-add-to-cart:hover {
	background: var(--wc-brand-hover) !important;
	background-color: var(--wc-brand-hover) !important;
	color: var(--wc-text) !important;
	border: none !important;
}
/* active / focus */
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce .button:active,
.woocommerce .button.alt:active,
button.single_add_to_cart_button:active,
.single_add_to_cart_button:active,
.add_to_cart_button:active,
.checkout-button:active,
#place_order:active,
button[name="apply_coupon"]:active,
button[name="update_cart"]:active,
.wd-buy-now-btn:active,
.xts-add-to-cart:active {
	background: var(--wc-brand-active) !important;
	background-color: var(--wc-brand-active) !important;
	color: var(--wc-text) !important;
}
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce .button:focus,
.woocommerce .button.alt:focus,
button.single_add_to_cart_button:focus,
.single_add_to_cart_button:focus,
.add_to_cart_button:focus,
.checkout-button:focus,
#place_order:focus,
button[name="apply_coupon"]:focus,
button[name="update_cart"]:focus,
.wd-buy-now-btn:focus,
.xts-add-to-cart:focus {
	background: var(--wc-brand-hover) !important;
	background-color: var(--wc-brand-hover) !important;
	color: var(--wc-text) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(30, 98, 83, 0.18) !important;
}
/* حالت غیرفعال */
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled,
.woocommerce .button.disabled,
.woocommerce .button:disabled,
.woocommerce .button[disabled],
.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled,
.single_add_to_cart_button[disabled],
.single_add_to_cart_button.wc-variation-selection-needed,
.single_add_to_cart_button.disabled.wc-variation-selection-needed,
button[name="update_cart"]:disabled,
button[name="apply_coupon"]:disabled {
	background: var(--wc-brand-disabled) !important;
	background-color: var(--wc-brand-disabled) !important;
	color: #ffffff !important;
	opacity: 1 !important;
	cursor: not-allowed !important;
	border: none !important;
	box-shadow: none !important;
}
/* متن داخل دکمه‌ها */
.woocommerce a.button *,
.woocommerce button.button *,
.woocommerce input.button *,
.single_add_to_cart_button *,
.add_to_cart_button *,
.checkout-button *,
#place_order *,
.wd-buy-now-btn *,
.xts-add-to-cart * {
	color: #ffffff !important;
}
/* لینک‌ها */
.woocommerce a.button:visited,
.woocommerce a.button:link,
.add_to_cart_button:visited,
.add_to_cart_button:link,
.added_to_cart:visited,
.added_to_cart:link,
.wc-forward:visited,
.wc-forward:link {
	color: #ffffff !important;
}
/* حذف gradient قالب */
.wd-buy-now-btn,
.xts-add-to-cart,
.single_add_to_cart_button,
.woocommerce button.button.alt {
	background-image: none !important;
	border-color: var(--wc-brand) !important;
}
@media (max-width: 767px) {
	.woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .single_add_to_cart_button,
    .add_to_cart_button,
    .checkout-button,
    #place_order {
		min-height: 44px !important;
	}
}