:root {
	--wd-text-font: iranyekan;
	--wd-text-font-weight: 500;
	--wd-text-color: rgba(119,83,119,0.88);
	--wd-text-font-size: 14px;
	--wd-title-font: iranyekan;
	--wd-title-font-weight: 600;
	--wd-title-color: rgba(119,73,119,0.91);
	--wd-entities-title-font: iranyekan;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(23,137,155);
	--wd-entities-title-color-hover: rgb(0, 135, 126);
	--wd-alternative-font: iranyekan;
	--wd-widget-title-font: "iranyekanb", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(23,137,155);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "iranyekanb", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(121,12,90);
	--wd-alternative-color: #fbbc34;
	--btn-default-font-family: "iransans", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(219,39,247);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "iransans", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(187,68,140);
	--btn-accented-bgcolor-hover: rgb(155,54,111);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(28,135,27);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(221,51,51);
	--wd-link-color-hover: rgb(221,51,51);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url();
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 420px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-fit: cover;
	background-attachment: inherit;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,244,253);
	background-image: none;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price, html .wd-product-nav-desc .price, html .wd-builder-off .tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-title-text, html .widget-area .widget .price {
	font-family: "iranyekanb", Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: rgb(41,140,155);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(252,250,250);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
html .wd-product.wd-hover-standard .wd-add-btn>a, html .wd-product.wd-hover-fw-button .wd-add-btn>a, html .wd-product.wd-hover-fw-button.wd-quantity-overlap div.quantity :is(input[type],.btn), html .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a, html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity :is(input[type],.btn) {
	font-family: "iranyekanb", Arial, Helvetica, sans-serif;
	background: rgb(255,61,0);
}
html .wd-product.wd-hover-standard .wd-add-btn>a:hover, html .wd-product.wd-hover-fw-button .wd-add-btn>a:hover, html .wd-product.wd-hover-fw-button.wd-quantity-overlap div:hover > div.quantity :is(input[type],.btn), 
			html .wd-product.wd-hover-fw-button.wd-quantity-overlap div:hover > div.quantity+.button, html .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover, html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity :is(input[type],.btn), html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button {
	background: rgb(255,61,0);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-radius: 5px;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
: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: 5px;
}



.wd-page-title {
background-color: rgb(121,12,90);
}

@font-face {
	font-family: "iransans";
	src: url("//floracosmeticshop.com/wp-content/uploads/2025/01/IRANYekanX-Regular.woff2") format("woff2"), 
url("//floracosmeticshop.com/wp-content/uploads/2025/01/IRANYekanX-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "iranyekan";
	src: url("//floracosmeticshop.com/wp-content/uploads/2025/01/IRANYekanX-Regular.woff2") format("woff2"), 
url("//floracosmeticshop.com/wp-content/uploads/2025/01/IRANYekanX-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "iranyekanb";
	src: url("//floracosmeticshop.com/wp-content/uploads/2025/01/IRANYekanX-Bold.woff2") format("woff2"), 
url("//floracosmeticshop.com/wp-content/uploads/2025/01/IRANYekanX-Bold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
}

/* =========================================================
   1. Grid & Layout Optimizations (✅ فقط برای موبایل)
========================================================= */
@media (max-width: 767px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-20_0, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-20_0, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-20_0, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        margin-left: 2%; margin-right: 2%; position: relative; width: 96%; min-height: 1px;
    }
}
.owl-stage-outer { padding-bottom: 12px !important; }

/* =========================================================
   2. Product Grid & Elements
========================================================= */
.product-grid-item {
    text-align: center;
    padding: 6px;
    border: 1px solid #05B3FC;
    border-radius: 5px;
    box-shadow: 0 0 5px #A1C4BB;
}
.product-grid-item .product-title, .price { z-index: 10; position: relative; }
.woodmart-hover-icons .wrapp-buttons {
    opacity: 1 !important;
    transform: translateY(20px) translateZ(0) !important;
    z-index: 11;
    visibility: visible;
}
.woocommerce-Price-amount { color: #8a8a8a; font-weight: 400; font-size: 14px !important; }

/* =========================================================
   3. Product Labels (آپدیت شده برای نسخه‌های جدید ودمارت)
   خارج از عکس | راست: تخفیف | وسط: ویژه | چپ: جدید
   ناموجود => راست قرار میگیرد و تخفیف مخفی میشود
========================================================= */
/* ایجاد فضای بالای کارت و تصویر */
.product-grid-item,
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .product-image-summary,
.single-product div.product .images {
    position: relative !important;
    padding-top: 25px !important; 
}

/* کانتینر لیبل‌ها (پشتیبانی از کلاس‌های جدید و قدیم) */
.product-grid-item .product-labels,
.single-product div.product .product-labels,
.product-grid-item .wd-product-labels,
.single-product div.product .wd-product-labels {
    position: absolute !important;
    top: -15px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-width: none !important;
    min-height: 24px !important;
    z-index: 30 !important;
    display: block !important;
    pointer-events: none !important;
}

/* استایل پایه تمام لیبل‌ها */
.labels-rounded .product-label,
.product-labels .out-of-stock.product-label,
.wd-product-labels .wd-product-label,
.wd-product-labels .onsale,
.wd-product-labels .out-of-stock,
.wd-product-label {
    color: #fff !important;
    position: absolute !important;
    top: 0 !important;
    margin: 0 !important;

    display: inline-block !important;   /* مهم: عرض بر اساس متن */
    width: fit-content !important;      /* اگر پشتیبانی شود */
    max-width: max-content !important;  /* جلوگیری از کشیده شدن */
    min-height: auto !important;

    padding: 4px 10px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    white-space: nowrap !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
}

/* جایگذاری و رنگ لیبل‌ها - جدید (New) */
.product-labels .product-label.new, 
.wd-product-labels .wd-label-new { 
    left: 0 !important; right: auto !important; transform: none !important; z-index: 2 !important; background-color: rgba(33,205,211,0.95) !important; 
}

/* جایگذاری و رنگ لیبل‌ها - ویژه (Featured/Hot) */
.product-labels .product-label.featured, 
.wd-product-labels .wd-label-hot,
.wd-product-labels .wd-label-featured { 
    left: 50% !important; right: auto !important; transform: translateX(-50%) !important; z-index: 2 !important; background-color: rgba(90,170,90,0.95) !important; 
}

/* جایگذاری و رنگ لیبل‌ها - حراج (Sale) */
.product-labels .product-label.onsale,
.wd-product-labels .onsale,
.wd-product-labels .wd-label-sale { 
    right: 0 !important; left: auto !important; transform: none !important; z-index: 2 !important; background-color: rgba(255,50,20,0.95) !important; 
}

/* جایگذاری و رنگ لیبل‌ها - ناموجود (Out of Stock) */
.product-labels .out-of-stock.product-label, 
.wd-product-labels .out-of-stock,
.wd-product-labels .wd-label-out-of-stock { 
    right: 0 !important; left: auto !important; z-index: 5 !important; background-color: rgba(220,0,0,0.95) !important; 
}

/* مخفی کردن لیبل حراج در صورت ناموجود بودن */
.outofstock .product-labels .onsale,
.product-labels:has(.out-of-stock.product-label) .onsale,
.outofstock .wd-product-labels .onsale,
.outofstock .wd-product-labels .wd-label-sale,
.wd-product-labels:has(.out-of-stock) .onsale,
.wd-product-labels:has(.wd-label-out-of-stock) .wd-label-sale {
    display: none !important;
}

/* =========================================================
   4. Toolbar & Quick Shop
========================================================= */
.wd-tools-element { --wd-header-el-color: rgb(47,79,79) !important; }
.wd-toolbar.wd-toolbar-label-show { background-color: rgba(252,239,239,0.89); }
.product-element-top.wd-quick-shop { padding-top: 2rem; }

/* =========================================================
   5. Stories Carousel
========================================================= */
.stories.carousel .story { display: inline-block !important; width: 18vw !important; max-width: 90px !important; margin: 0 16px 25px !important; vertical-align: top !important; }
.stories.carousel .story > .item-link > .info .name { font-size: 79% !important; }

/* =========================================================
   6. Professional Variations Button
========================================================= */
.variations_form .reset_variations {
    display: inline-flex !important; align-items: center; gap: 6px; padding: 3px 5px;
    background: linear-gradient(135deg, #ff7a00, #ff9a2f); border: none; border-radius: 10px;
    color: #fff !important; font-size: 13px; font-weight: 700; letter-spacing: .3px;
    text-decoration: none; cursor: pointer; box-shadow: 0 4px 12px rgba(255,122,0,0.35); transition: all .25s ease;
}
.variations_form .reset_variations:hover { background: linear-gradient(135deg, #ff8a1a, #ffb14a); box-shadow: 0 6px 16px rgba(255,122,0,0.45); transform: translateY(-2px); }
.variations_form .reset_variations:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(255,122,0,0.35); }
.variations_form .reset_variations:before { content: "↺"; font-size: 15px; font-weight: 700; }

/* =========================================================
   7. Header, Cart & Term Description
========================================================= */
.woocommerce-mini-cart__buttons .btn-cart { display: none !important; }

.menu-item-215325 > a, .custom-btn-menu > a {
    background: rgb(255, 61, 0) !important; color: #fff !important; padding: 10px 18px !important;
    border-radius: 8px !important; font-weight: 700 !important; display: inline-block !important; text-decoration: none !important;
}

body .wd-term-desc.wd-entry-content,
body .wd-term-desc.wd-entry-content * { line-height: 1.9 !important; color: #e30000 !important; background-color: #fff7b3 !important; padding: 2px 4px; display: inline; }

/* =========================================================
   8. Aparat Video Wrapper
========================================================= */
.melika-aparat-wrapper {
    display: flow-root; clear: both !important; float: none !important; width: 100%; max-width: 100%; margin: 5px 0 10px;
    padding: 5px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 5px; box-shadow: 0 4px 5px rgba(0,0,0,0.04);
    box-sizing: border-box; position: relative; z-index: 1; contain: layout;
}
.melika-aparat-container { position: relative; display: block; width: 100%; aspect-ratio: 16/9; height: auto; overflow: hidden; border-radius: 5px; background: #000; line-height: 0; }
.melika-aparat-container iframe { position: static !important; display: block; width: 100% !important; height: 100% !important; min-height: 100%; max-width: 100%; border: 0; vertical-align: middle; }
.melika-aparat-wrapper script { display: none !important; }

@supports not (aspect-ratio: 16/9) {
    .melika-aparat-container { padding-bottom: 56.25%; height: 0; }
    .melika-aparat-container iframe { position: absolute !important; top: 0; left: 0; }
}
@media (max-width: 767px) {
    .melika-aparat-wrapper { padding: 5px; margin: 5px 0 10px; border-radius: 5px; }
    .melika-aparat-container { border-radius: 4px; }
}
@media (prefers-color-scheme: dark) {
    .melika-aparat-wrapper { background: #1f2225; border-color: #2e3236; box-shadow: 0 4px 5px rgba(0,0,0,0.25); }
}

/* =========================================================
   9. Footer Widget Titles
========================================================= */
.footer-widget .widget-title, .wd-footer .widget-title {
    padding-bottom: 12px !important; margin-bottom: 20px !important; border-bottom: none !important;
    --line-color: var(--wd-primary-color, #ff7a00);
    background-image: linear-gradient( to left, var(--line-color) 0%, var(--line-color) calc(100% - 47px), transparent calc(100% - 47px), transparent calc(100% - 43px), var(--line-color) calc(100% - 43px), var(--line-color) calc(100% - 23px), transparent calc(100% - 23px), transparent calc(100% - 19px), var(--line-color) calc(100% - 19px), var(--line-color) calc(100% - 9px), transparent calc(100% - 9px), transparent calc(100% - 5px), var(--line-color) calc(100% - 5px), var(--line-color) 100% ) !important;
    background-size: 100% 3px !important; background-position: bottom right !important; background-repeat: no-repeat !important;
    width: max-content !important; max-width: 100% !important; display: block !important;
}
.footer-widget .widget-title::after, .wd-footer .widget-title::after { display: none !important; }




/* --- رفع مشکل مخفی شدن لیبل‌ها در ودمارت جدید --- */
.product-grid-item,
.wd-product,
.wd-product .product-wrapper,
.wd-product .product-element-top,
.product-element-top {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    contain: none !important; /* خنثی کردن ویژگی contain جدید */
}

/* اجبار به نمایش خود باکس لیبل‌ها */
.wd-product-labels,
.product-labels {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999 !important;
}@media (max-width: 576px) {
	form.variations_form {
    --wd-var-table-mb: 5px !important;

}
}