@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//mohammad-karimi.com/wp-content/themes/woodmart/fonts/woodmart-font-3-300.woff2?v=8.2.7.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//mohammad-karimi.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//mohammad-karimi.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//mohammad-karimi.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//mohammad-karimi.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//mohammad-karimi.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//mohammad-karimi.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//mohammad-karimi.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//mohammad-karimi.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: iranyekan;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(61,61,61);
	--wd-text-font-size: 18px;
	--wd-title-font: iranyekan;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: #242424;
	--wd-entities-title-font: IRansansX;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: IRansansX;
	--wd-widget-title-font: IRansansX;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: iranyekan;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: inherit;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(226,80,6);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: rgb(34,94,214);
	--wd-link-color-hover: rgb(12,104,83);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(239,107,7);
	--btn-accented-bgcolor-hover: rgb(5,196,120);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 233px;
}
.wd-page-title {
	background-color: rgb(249,249,242);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .wd-carousel .wd-carousel-item .post.wd-post .wd-entities-title {
	font-family: IRansansX;	font-weight: 600;
	font-size: 15px;
}
.page .wd-page-content {
	background-color: rgb(255,253,244);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(232,234,229);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 18px;
	--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 18px;
	--wd-header-el-font-size: 16px;
	--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}


rs-slides :is([data-type=text],[data-type=button]) {
font-family: iranyekan !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: iranyekan !important;
}

.woodmart-button-wrapper.inline-element {
    margin-bottom: 0px;
}
.promo-banner .banner-image img {
    border-radius: 15px;
}
.product-grid-item .product-image-link {
    display: block;
    padding: 20px;
}
.labels-rectangular .product-label {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    margin-right: 5px;
}
.blog-design-masonry .post-title {
    font-size: 20px;
    min-height: 56px;
}


/* --- Styles for the Copy Shortlink Icon --- */

/* The main button container */
.csl-button {
    background: #f0f0f0; /* Light grey background */
    border: 1px solid #ddd;
    border-radius: 50%; /* Makes it a circle */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;  /* Circle size */
    height: 31px; /* Circle size */
    position: relative; /* Needed for positioning the feedback text */
    overflow: hidden; /* Hides the text when it's outside */
    padding: 0;
    transition: background-color 0.2s ease;
}

.csl-button:hover {
    background-color: #e0e0e0; /* A bit darker on hover */
}

/* The icon itself (using WordPress Dashicons) */
.csl-button .csl-icon::before {
    font-size: 18px;
    color: #333;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
    transform: translateY(0);
}

/* The "Copied!" feedback text */
.csl-button .csl-feedback {
    position: absolute;
    font-size: 11px;
    color: #28a745; /* Green color for success */
    font-family: sans-serif;
    font-weight: bold;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(10px); /* Start slightly below */
}

/* --- The Magic: Styles applied when the 'copied' class is added via JavaScript --- */

/* Hide the icon when copied */
.csl-button.copied .csl-icon::before {
    opacity: 0;
    transform: translateY(-10px); /* Move icon up */
}

/* Show the feedback text when copied */
.csl-button.copied .csl-feedback {
    opacity: 1;
    transform: translateY(0); /* Move text into view */
	
	

}


/* تغییر سایز فونت عنوان تب‌های محصول */
.wd-nav-tabs .wd-nav-link,
.woocommerce-tabs .tabs li a {
    font-size: 14px !important; /* سایز فونت دلخواه خود را اینجا تنظیم کنید */
    font-weight: 600 !important; /* ضخامت فونت */
}

/* کم کردن فاصله بین سربرگ تب‌ها */
.wd-nav-tabs li,
.woocommerce-tabs .tabs li {
    margin-left: 13px !important;  /* فاصله سمت چپ هر تب در حالت راست‌چین */
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* کم کردن پدینگ داخلی خود لینک تب‌ها در صورت نیاز */
.wd-nav-tabs .wd-nav-link {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* حذف باکس‌های اضافه از داشبورد */
.woodmart-my-account-links .payment-methods-link,
.woodmart-my-account-links .wishlist-link {
    display: none !important;
}

/* اصلاح چیدمان باکس‌های باقی‌مانده */
.woodmart-my-account-links {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

@media (max-width: 1024px) {
    /* ۱. یکسان‌سازی ارتفاع تمام باکس‌های محصول در یک ردیف */
    .products-list .product-grid-item,
    .products-list .wd-product {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    /* ۲. تبدیل بدنه اصلی کارت به فلکس‌باکس عمودی */
    .wd-product .wd-product-inner {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        flex-grow: 1 !important;
    }

    /* ۳. مجبور کردن بخش محتوا (عنوان و قیمت) به پر کردن فضای خالی */
    .wd-product .wd-product-content {
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
        justify-content: flex-start !important;
    }

    /* ۴. هل دادن دکمه خرید و قیمت به پایین‌ترین نقطه ممکن */
    .wd-product .wd-product-footer,
    .wd-product .wd-add-btn,
    .wd-product .woodmart-add-btn {
        margin-top: auto !important;
    }
}


/* ۱. در ثانیه‌های اول لود صفحه، آیکون‌ها و لیست‌ها را مخفی نگه دار */
.elementor-svg-wrapper,
.elementor-icon-list-icon,
.wd-tools-icon svg {
    visibility: hidden !important;
}

/* ۲. به محض اینکه استایل‌های المنتور و وودمارت لود شدند، آیکون‌ها را شیک و آنی ظاهر کن */
body .elementor-svg-wrapper,
body .elementor-icon-list-icon,
body .wd-tools-icon svg {
    visibility: visible !important;
}
/**********/
/* ==========================================
   ۱. بخش جدید: حذف فیلتر موجودی و حراج (سایدبار)
   ========================================== */
.widget_filter_status,
.wd-filter-status,
.wd-filter-stock {
    display: none !important;
}

/* ==========================================
   ۲. بخش جدید: حذف تعداد نمایش و گرید سمت چپ (فقط دسکتاپ)
   ========================================== */
@media (min-width: 1025px) {
    .wd-products-per-page,
    .woodmart-products-per-page,
    .wd-products-shop-view,
    .woodmart-products-shop-view {
        display: none !important;
    }
}

/* ==========================================
   ۳. کدهای خودتان (ادیت و بهینه‌سازی شده برای جلوگیری از رفتن به ته خط)
   ========================================== */
/* پایدار کردن ساختار ردیف برای دسته مادر */
.widget_product_categories .product-categories li {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important; /* برای اینکه زیردسته‌ها در خط بعدی لود شوند */
    position: relative;
    margin-bottom: 12px; /* کمی فاصله بیشتر برای زیبایی */
    width: 100%;
}

/* تراز کردن لینک اصلی دسته */
.widget_product_categories .product-categories li > a {
    display: inline-flex !important;
    align-items: center !important;
    order: 1;
    flex-grow: 0; /* مانع از کشیده شدن لینک تا انتهای خط می‌شود */
}

/* ساخت استایل رادیوباتن سفارشی کنار متن */
.widget_product_categories .product-categories li > a::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    margin-left: 8px; /* فاصله با متن فارسی */
    background-color: #fff;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

/* رنگی شدن رادیوباتن در حالت هاور یا فعال بودن دسته */
.widget_product_categories .product-categories li.current-cat > a::before,
.widget_product_categories .product-categories li > a:hover::before {
    border-color: #059669; /* رنگ سبز برند شما */
    background-color: #059669;
    box-shadow: inset 0 0 0 3px #fff;
}

/* انتقال و چسباندن فلش دقیقاً روبروی متن دسته مادر (با حفظ استایل سبز شما) */
.widget_product_categories .product-categories li > .wd-cats-toggle,
.widget_product_categories .product-categories li > .opener {
    position: static !important;
    order: 2; /* قرارگیری دقیقاً بعد از تگ a */
    margin-right: 8px !important; /* فاصله از متن */
    margin-left: 0 !important;
    height: 22px !important; /* قفل کردن ابعاد برای پایدار ماندن روی متن */
    width: 22px !important;
    display: inline-flex !important;
    align-items: center;
    background-color: #256444;
    border-radius: 20%;
    color: #ffffff;
    padding: 5px;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

/* نرمال‌سازی فلش‌های داخلی وودمارت که بزرگ نشوند */
.widget_product_categories .product-categories li > .wd-cats-toggle::after,
.widget_product_categories .product-categories li > .opener::after {
    position: static !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

/* تراز کردن لایه زیردسته‌ها (Ul) که زیر دسته مادر باز می‌شود */
.widget_product_categories .product-categories li .children,
.widget_product_categories .product-categories li .sub-menu {
    order: 3; /* فرستادن کل زیردسته‌ها به ردیف پایین */
    flex-basis: 100%; /* اشغال کل پهنای ردیف برای شکستن خط */
    margin-top: 10px;
    padding-right: 25px !important; /* پله شدن زیردسته‌ها در سایت فارسی */
    margin-left: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* اصلاح به‌هم‌ریختگی دکمه‌ها و قیمت‌ها در مانیتورهای کوچک و تبلت */
@media (max-width: 1024px) and (min-width: 768px) {
    
    /* ۱. فشرده‌تر کردن ساختار باکس متای محصول برای باز شدن فضا */
    .product-acf-meta {
        font-size: 12px !important; /* کمی کوچک‌تر کردن فونت اطلاعات در تبلت */
        line-height: 2 !important;
    }
    
    .product-acf-meta i {
        font-size: 15px !important;
        margin-left: 6px !important;
    }

    /* ۲. اصلاح دکمه خرید و قیمت که متن آن نشکند */
    .product-acf-meta + div, 
    .woodmart-hover-base .fade-in-block,
    .wd-buy-now-btn,
    .wd-loop-footer {
        flex-direction: column !important; /* قرارگیری قیمت و دکمه زیر هم در صورت نیاز */
        align-items: stretch !important;
        gap: 8px !important;
    }

    /* اگر دکمه‌ها در یک ساختار دو قسمتی ثابت هستند، این بخش عرض را اصلاح می‌کند */
    .product-acf-meta ~ .btn,
    .product-acf-meta ~ a {
        padding: 8px 12px !important;
        font-size: 12px !important;
        white-space: nowrap !important; /* جلوگیری از شکستن متن دکمه به دو خط */
    }
}
}

@media (max-width: 576px) {
	@media (max-width: 767px) {
    /* کوچک‌تر کردن سایز فونت عنوان تب‌ها در موبایل */
    .wd-nav-tabs .wd-nav-link,
    .woocommerce-tabs .tabs li a {
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    /* فشرده‌تر کردن فاصله بین سربرگ‌ها در موبایل */
    .wd-nav-tabs li,
    .woocommerce-tabs .tabs li {
        margin-left: 8px !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* کم کردن پدینگ سربرگ‌ها در موبایل */
    .wd-nav-tabs .wd-nav-link {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

@media (max-width: 1024px) {
    /* نمایش کامل عنوان‌های طولانی محصولات در موبایل و تبلت */
    .wd-entities-title, 
    .product-grid-item .wd-entities-title a, 
    .woodmart-product-title a,
    .wd-product .wd-entities-title a {
        display: block !important;
        white-space: normal !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        max-height: none !important;
        height: auto !important;
        
       /* اصلاح وزن، سایز و فاصله خطوط فونت */
        font-weight: 700 !important; /* اگر باز هم ضخیم بود روی 400 بگذارید */
       font-size: 18px !important;  /* سایز مناسب برای خوانایی بهتر در موبایل */
        line-height: 1.5 !important;  /* فاصله خطوط برای خانایی بیشتر متن دو خط به بالا */
    }

    /* حذف محدودیت ارتفاع جعبه متن در موبایل */
    .product-grid-item .woodmart-product-title,
    .product-grid-item .wd-entities-title,
    .wd-product .wd-product-header {
        min-height: auto !important;
        max-height: none !important;
        margin-bottom: 8px !important;
    }
}

}