:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: iranyekan;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(73,80,87);
	--wd-text-font-size: 16px;
	--wd-title-font: iranyekan;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(73,80,87);
	--wd-entities-title-font: iranyekan;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(89,89,89);
	--wd-entities-title-color-hover: rgb(240, 25, 25);
	--wd-alternative-font: iranyekan;
	--wd-widget-title-font: iranyekan;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(109,109,109);
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: iranyekan;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 25px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #ff5f55;
	--wd-alternative-color: rgb(25,111,240);
	--btn-default-bgcolor: rgb(255,95,85);
	--btn-default-bgcolor-hover: rgb(255,95,85);
	--btn-accented-font-family: IRANSansXFaNum;
	--btn-accented-bgcolor: rgb(255,95,85);
	--btn-accented-bgcolor-hover: rgb(255,95,85);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(104,104,104);
	--wd-link-color-hover: #rgb(240,25,25);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(255,255,255,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 1000px;
}
.wd-hb {
	background-color: rgb(255,255,255);
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(249,249,249);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,249,250);
	background-image: none;
}
.wd .product-label.onsale {
	background-color: rgb(25,111,240);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 80px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* کانتینر اصلی */
.logo-holder {
    display: flex;
    justify-content: center; /* وسط‌چین کردن لوگو */
    align-items: center;
    width: 100%;
    padding: 10px 0; /* فاصله عمودی مناسب */
    box-sizing: border-box;
}

/* تگ figure */
.logo-holder .thumbnail {
    margin: 0; /* حذف مارجین پیش‌فرض figure */
    padding: 0;
    display: inline-block;
}

/* لینک داخل figure */
.logo-holder .thumbnail a {
    display: block;
    line-height: 0; /* حذف فضای خالی اضافی زیر تصویر */
}

/* تصویر لوگو */
.logo-holder .img-logo {
    display: block;
    max-width: 100%; /* جلوگیری از بیرون زدگی در موبایل */
    height: auto; /* حفظ نسبت ابعاد */
    width: auto;
    
    /* تنظیم سایز پایه برای دسکتاپ */
    max-height: 150px; /* حداکثر ارتفاع برای دسکتاپ */
    
    /* انیمیشن نرم برای هاور (اختیاری) */
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* حالت هاور */
.logo-holder .thumbnail a:hover .img-logo {
    opacity: 0.8;
    transform: scale(1.02); /* کمی بزرگ شدن هنگام هاور */
}

/* --- مدیا کوئری برای موبایل و تبلت --- */

/* برای صفحات با عرض کمتر از 768px (تبلت و موبایل) */
@media (max-width: 768px) {
    .logo-holder .img-logo {
        max-height: 80px; /* کاهش ارتفاع در موبایل */
    }
}

/* برای صفحات بسیار کوچک (موبایل‌های کوچک) */
@media (max-width: 480px) {
    .logo-holder .img-logo {
        max-height: 60px; /* کاهش بیشتر ارتفاع */
    }
}

/* ===== استایل‌های مشترک ===== */
.quick-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.quick-buttons::-webkit-scrollbar {
    display: none;
}

.quick-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 25px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.quick-btn:hover {
    transform: translateY(-2px);
    color: #ffffff;
}

.quick-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* ===== دکمه بله (سبز) ===== */
.btn-bale {
    background: linear-gradient(135deg, #2EB257 0%, #1E8A3E 100%);
    box-shadow: 0 2px 8px rgba(46, 178, 87, 0.3);
}

.btn-bale:hover {
    background: linear-gradient(135deg, #4FC978 0%, #2EB257 100%);
    box-shadow: 0 3px 10px rgba(46, 178, 87, 0.4);
}

/* ===== دکمه اندروید (نارنجی-آبی) ===== */
.btn-android {
    background: linear-gradient(135deg, #FF9800 0%, #1E88E5 100%);
    box-shadow: 0 2px 8px rgba(255, 152, 0, 0.3);
}

.btn-android:hover {
    background: linear-gradient(135deg, #FFB74D 0%, #42A5F5 100%);
    box-shadow: 0 3px 10px rgba(255, 152, 0, 0.4);
}

/* ===== دکمه پشتیبانی (بنفش) ===== */
.btn-support {
    background: linear-gradient(135deg, #7C4DFF 0%, #536DFE 100%);
    box-shadow: 0 2px 8px rgba(124, 77, 255, 0.3);
}

.btn-support:hover {
    background: linear-gradient(135deg, #B388FF 0%, #7C4DFF 100%);
    box-shadow: 0 3px 10px rgba(124, 77, 255, 0.4);
}

/* ===== ریسپانسیو موبایل ===== */
@media (max-width: 480px) {
    .quick-buttons {
        gap: 8px;
        padding: 8px;
        justify-content: flex-start;
    }

    .quick-btn {
        padding: 8px 14px;
        font-size: 12px;
        border-radius: 25px;
    }

    .quick-btn svg {
        width: 16px;
        height: 16px;
    }
}@media (min-width: 1025px) {
	.wd-dropdown-menu.wd-design-sized:not(.wd-scroll), .wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner
{
	    padding: 0px 15px 0px 15px;
}
.site-logo
{
	margin-top:-20px;
}
.otherdemoes a
{
    background-color: #f01919;
    border-radius: 10px;
    padding: 0px 8px;
    color: white !important;
    font-size: 14px;
    font-family: iranyekan;	
}

.wd-post-content h3 a
{
    font-size: 16px !important;	
}

.menu-opener .menu-opener-icon:before{
	    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 112px;
    height: 50px;
    transform: translateY(-50%);
    border-radius: 0 60px 60px 0;
    box-shadow: 17px 0 30px -14px rgb(0 0 0 / 28%);
    transition: 0.3s;
    pointer-events: none;
}
.menu-opener,.wd-dropdown-cats
{
	    min-width: 210px !important;
}
.wd-nav-vertical.wd-design-default
{
	border-radius:20px !important;
}


.infode .info-box-content{
	background-color: white;
	padding:20px
}
.wd-tools-element:is(.wd-design-6,.wd-design-7):not(.wd-with-wrap) .wd-tools-icon{
	box-shadow: 0 0 0 4px #fff, 0 0 0 5px #eee, 0 0 0 8px #fff, 0 0 0 9px #f5f5f5;
}
.menu-opener .menu-opener-icon:before {
box-shadow: 17px 0 30px -14px rgba(0, 0, 0, 0.2);}

.whb-general-header:before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: -435px;
    left: -420px;
    height: 6px;
    background-color: #a2a2a2;
    background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
	border-radius: 100%}
.whb-general-header:after{
	content: "";
    position: absolute;
    bottom: px;
    right: -435px;
    left: -420px;
    height: 9px;
    background-color: #a2a2a2;
    background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
    border-radius: 100%;
    filter: blur(12px);
    opacity: 0.5;
}
.wd-nav-wrapper.wd-nav-tabs-wrapper.text-center{
	border: 1px solid #E8E2E2;
	border-radius:10px;
	padding:8px
}

}