/******************************/
/******************************/
/******************************/

/* قانون استایل نویسی  CSS*/


/*
نام گذاری کلاس ها حتما باید به صورت یونیک باشند برای مثال:

.cta -> غلط
.MainCallCTA -> درست


 -> حتما برای نوشتن استایل از پرنت اون المان شروع میکنیم به هیچ عنوان المان تکی رو استایل نمیدیم برای مثال:

.MainCallCTA -> غلط
.Header .MainCallCTA -> درست

-> در صورتی که برای المان های المنتور استایل نویسی قرار انجام بدید حتما به المان class یا id یونیک اختصاص بدید و به هیچ عنوان از کلاس های پیشفرض و عددی المنتور استفاده نکنید

.elementor_1010 -> غلط
.elementor .MainCallCta


*/

/******************************/
/******************************/
/******************************/


/* به صورت پیشفرض این باید باشد.*/
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

/* تعریف رنگ ها و فونت های جنرال*/
:root{
    --first : #6C5A6A;
    --second : #EAD1E7;
    --third:#F2E6F5;
    --DANA: dana;

}

/* تعریف فونت انتخابی برای المان ها تایتل و تکس*/
h1 , h2 , h3 , h4, h5 , h6 , .footer_title  {
    font-family: var(--DANA) !important;
}
span, p, div , a{
    font-family: var(--DANA) !important;
}


a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none!important;
    color: inherit!important;
}
.productPrice bdi {
    font-family: dana;
}
.number h2 {
    font-family: dana !important;
}
bdi {
    font-family: dana !important;
    font-weight: 500;
}

#{{uc_id}} .btn {
               display: inline-block;
               background: transparent;
               font-weight: 500;
               font-style: normal;
               color: rgb(255 255 255) !important;
               border-radius: 8px!important;
               padding: 12px 30px 12px 55px !important;
               transition: all 0.7s ease-out;
               background: linear-gradient(270deg, #EAD1E7, #D2AFCE, #6C5A6A, #6C5A6A);
               background-position: 1% 50%;
               background-size: 300% 300%;
               text-decoration: none;
               border: none;
               border: none;
               position: relative;
           }

#{{uc_id}} .btn:hover {
               color: #6C5A6A !important; /* تغییر رنگ متن */
               background-position: 99% 50%; /* تغییر بک‌گراند */
           }

#{{uc_id}} .btn:after {
               content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/arrow-square-left-2.svg");
               position: absolute;
               bottom: 32px;
               left: 37px;
               width: 10px;
               height: 10px;
               transition: all 0.7s ease-out;
           }

#{{uc_id}} .btn:hover:after {
               content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/arrow-square-left.svg") !important;
               color: #6C5A6A !important; /* تغییر رنگ آیکون */
           }


/* استایل پیش‌فرض برای PinkmainButton */
.PinkmainButton .btn {
    display: inline-block;
    background: linear-gradient(270deg, #6C5A6A, #D2AFCE, #EAD1E7);
    background-size: 300% 300%;
    color: #6B5A6AFF !important;
    border-radius: 8px;
    padding: 12px 30px 12px 55px;
    transition: all 0.7s ease-out;
    text-decoration: none;
    position: relative;
}

/* حالت هاور برای PinkmainButton */
.PinkmainButton .btn:hover {
    color: #ffffff !important; /* تغییر رنگ متن در حالت هاور */
    background-position: 1% 50%; /* تغییر بک‌گراند در حالت هاور */
}

/* محتوای پیش‌فرض pseudo-element */
.PinkmainButton .btn:after {
    content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/arrow-square-left.svg");
    position: absolute;
    bottom: 32px;
    left: 37px;
    width: 10px;
    height: 10px;
    transition: all 0.7s ease-out;
}


/*.changeContent span.elementor-button-text {*/
/*    display: none;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
/*.changeContent:hover .elementor-button-text {*/
/*    display: block;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
.changeContent .elementor-button-text {
    opacity: 0 !important;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: opacity 0.6s ease-in-out, max-width 0.6s ease-in-out !impotant;
}

.changeContent:hover .elementor-button-text {
    opacity: 1 !important;
    max-width: 100px; /* مقدار متناسب با متن تنظیم شود */
}
.changeContent .elementor-button-text {
    opacity: 0;
    visibility: hidden;
    transition: all 1.5s;
}

.changeContent:hover .elementor-button-text {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* متن به جای اصلی خود برگردد */
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out  all 4s;
}

.changeContent .elementor-button {
    transition: border-radius 0.3s ease-in-out;
}
/*brown button*/
.BlogOffsetSection a.elementor-post__read-more:hover {
    background: rgb(255,255,255);
    background: linear-gradient(101deg, rgba(255,255,255,1) 17%, rgba(230,210,185,1) 79%);}
/*header in home page*/
.home .homepage_header {
    position: absolute;
    z-index: 100;
    background-image: none;
    top: 30px;
}
.home .header-image {

    background-image: none ;

}
.home .searchsection {
    display: none;
}
.home .search-container {
    margin: 0;
}
.home .Search-input {
    display: flex
;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 37%;
}
.home .mini-cart-display {
    display: none;
    position: absolute;
    top: -29px;
    left: -195px;
    background: #ffffff;
    border: none;
    padding: 90px 50px 40px 50px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    width: 450px;}
.home.scrolled .homepage_header {
    position: static !important;
    background-image: none !important;
    top: 0 !important;
}



.home.scrolled .searchsection {
    display: block !important;
}


.static-class {
    display: block; /* در حالت اولیه نمایش داده شود */
    transition: opacity 0.3s ease-in-out;
}

.static-class.hidden {
    display: none; /* در حالت اسکرول مخفی شود */
}

.fixed-header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    transition: all 0.3s
    ease;
    width: 100%;
}
.header-image.default-class {
    background-image: url('https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/Group-267.png');
    background-size: cover;
    background-position: center;
}
.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.addTocard-Btn a:hover {
    background: rgb(223,191,219);
    background: linear-gradient(112deg, rgba(223,191,219,1) 15%, rgba(176,150,173,1) 72%, rgba(108,90,106,1) 100%);
                }

    /*End header in home page*/
.header-icons a {
    font-size: 25px;
    color: white;
    /* margin-right: 13px; */
    cursor: pointer;
    margin: 0 23px 0 0;
}
.home.scrolled .searchsection {
    display: block !important;
    margin: -22px 0px 0 22px;
}

.header-icons .scroll-class a {
    margin: 0 0 0 0 !important;
}.search-container.scroll-class {
     margin: -25px 0 0 0;
 }
.home .Search-input .scroll-class {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 43%;
}
.headericons i {
    font-size: 25px;
    color: white;
}
.header-image{
background-size: cover;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 12px 0;
/*width: 1300px;*/
}
.header-content {
    width: 1200px;
    display: flex;
    padding: 0;
}
.cart-icon {
    font-size: 18px;
    color: #ffffff;
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cart-icon:hover {
    color: #EAD1E7;
}

.cart-count {
    font-size: 11px;
    color: #000000;
    background: #EAD1E7;
    border-radius: 50%;
    position: absolute;
    width: 18px;
    height: 18px;
    font-family: dana !important;
    display: flex
;
    align-items: center;
    justify-content: center;
}

/* مینی‌کارت */

.woocommerce-mini-cart__empty-message {
    padding: 15px 0;
    color: #6c5a6a;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0  0 0 0;
}

.woocommerce-mini-cart__empty-message:after {
    content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/Group-323.png");
    display: flex;
    align-content: center;
    margin:10px 0 0 0;
}

.headericons .mini-cart-display ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ada2ab;
    position: relative;
}

.headericons li .cart_display ul li {
    display: flex
;
    flex-direction: column;
    position: relative;
    width: 100%;

}

.headericons p.woocommerce-mini-cart__total.total {
    border-top: 1px solid #ada2ab;
    padding: 15px 10px 0 0;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    position: relative;

}
.headericons li.woocommerce-mini-cart-item.mini_cart_item a {
    width: 100%;
    display: flex;
    align-content: center;
}

li.woocommerce-mini-cart-item.mini_cart_item a {
    color: black;
    font-size: 14px;
    font-weight: 500;
}

.headericons a.remove.remove_from_cart_button {
    width: 100% !important;
    text-align: left;
    float: left;
    display: flex;
    justify-content: flex-end;
}
.headericons img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 60px;
    height: 90px;
    line-height: 1.5rem;
    margin: -25px 0 0 0;
}

.headericons{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
    text-align: center;
    float: left;
    margin: 60px 0 0 0;
}.logo img {
    width: 90%;
}
.headericons {
    display: flex
;

    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    text-align: center;
    float: left;
    margin: 0;
}
.header-image {
    margin: 50px 0 0 0;
    padding: 9px 0;
    border-radius: 30px;
}
.svg-icon {
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
}
.search-container .is-form-style {
    width: 400px !important;
}
.search-container .is-form-style .is-search-submit path {
    fill: #ffffff ;
}.search-container  .is-search-icon {
     display: inline-block !important;
     color: #66666600;
     background: #ededed00;
     border: none;
 }
.search-container .is-search-icon svg {
    width: 25px;
    display: inline;
}
.search-box .is-form-style input.is-search-input {
    background: #ead1e7;
    background-image: none !important;
    color: #ffffff;
    padding: 0 30px 0 0;
    font-size: 13px !important;
    height: 43px;
    border: none;
    font-family: var(--DANA) !important;
    border-radius: 15px;
}
.search-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: -27px 0px 0px 18px;
}

.Search-input {
    font-size: 14px;
    font-weight: 300;
}
.search-container .search-icon {
    cursor: pointer;
    transition: all 0.3s ease;
}
.Search-input {
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-box .is-form-style {
    line-height: 2;
    width: 400px;
}
.search-container.search-icon img {
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}span.User-Search {
     text-align: center !important;
     width: 100%;
     display: block;
 }

.search-container .search-box {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
}

.search-container .search-box.open {
    width: 335px;
    opacity: 1;
}

.search-container .search-box input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.search-container .search-icon.hidden {
    opacity: 0;
    transform: translateX(-50px);
}
.search-container .is-form-style input.is-search-input {
    background: #EAD1E7;
    background-image: none !important;
    color: #ffffff;
    padding: 0 30px 0 0;
    font-size: 15px !important;
    height: 36px;
    border: none;
    font-family: var(--DANA) !important;
}
.is-form-id-40 .is-search-input {
    color: #6c5a6a !important;
     border-color: rgba(۱۳۰, ۳۶, ۲۲۷, 0) !important;
}
.header-ivory {
    display: none;
    /* استایل‌های دیگر بخش سرچ */
}

.search-container div#search-box :after {
    content: url(https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/search-normal-1.svg);
    position: absolute;
    left: 7px;
    top: 5px;
}
header p.woocommerce-mini-cart__empty-message:before {
    content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/EmptyBasket-1.png");
    DISPLAY: block;

}
.header-image {
    margin: 50px 0 0 0;
}
/* حالت اولیه */
.header-image.default-bg {
    background-image: none; /* تصویر پیش‌فرض */
    transition: background-image 0.3s ease-in-out; /* انیمیشن تغییر تصویر */
}

/* حالت اسکرول */
.header-image.scrolled-bg {
    background-image: url('https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/Group-322.png');
    margin: 10px 0 0 0 !important;
}
/*category*/
.categoryoverlay1{
    background: rgb(255,34,238);
    background: linear-gradient(4deg, rgba(255,34,238,0.10136554621848737) 23%, rgba(255,255,255,1) 66%);
}
.categoryoverlay2{

    background: rgb(245,236,247);
    background: linear-gradient(4deg, rgba(245,236,247,1) 0%, rgba(255,255,255,0.18820028011204482) 52%);
}



/*End category*/
/*hero section*/
.heroSection .swiper-pagination {
    top: 0;
    width: 100%;
    display: flex
;    left: 100px;

    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;
    align-items: center;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal span {
    margin: 0 0 5px 0;
}
.heroSection span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 13px !important;
    height: 12px !important;
    margin: 0 0 4px 0 !important;
    
}
.heroSection .bdt-prime-slider-skin-isolate .bdt-slideshow {
    padding: 100px 100px 0 100px !important;
}
/*blogSection*/
.BlogOffsetSection .elementor-post__text {
    margin: -125px 21px 40px 0;
    color: white;
    z-index: 1;
}
.BlogOffsetSection a.elementor-post__read-more {
    padding: 8px 10px 8px 30px;
    background: #E6D2B9;
    border-radius: 10px;
}.BlogOffsetSection a.elementor-post__read-more:after {
     content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/arrow-square-left-1.svg");

     width: 10px;
     height: 10px;
     position: absolute;
     bottom:15px;
     margin:0 5px 0 0;
     cursor: pointer;
 }.BlogOffsetSection a.elementor-post__read-more{
      position:relative;
  }
.BlogOffsetSection .elementor-post__title span {
    background: linear-gradient(90deg, rgb(242 230 245 / 36%) 0%, rgb(255 255 255 / 88%) 100%); /* رنگ گرادینت */
    color: #000000; /* رنگ فونت مشکی */
    padding: 0 5px; /* فضای داخلی اطراف متن */
    display: inline-block; /* نمایش به صورت بلاک درون خطی */
}.highlight {
     background: linear-gradient(90deg, rgb(242 230 245) 0%, rgb(255 255 255) 100%); /* رنگ گرادینت */
     /* color: #000000; */ /* رنگ فونت مشکی */
     padding: 10px 4px; /* فضای داخلی اطراف متن */
     display: inline-block; /* نمایش به صورت بلاک درون خطی */
 }
.Pinkhighlight {
     background: #EAD1E7; /* رنگ گرادینت */
     /* color: #000000; */ /* رنگ فونت مشکی */
     padding: 10px 4px; /* فضای داخلی اطراف متن */
     display: inline-block; /* نمایش به صورت بلاک درون خطی */
 }
/*product loop*/
.ProductMeta {
    height: 64px;
}
.productBrand {
    display: inline-block;
    font-size: 16px
;font-weight: bold;
    color: var(--first);
}

.first-half {
    background-color: transparent; /* بدون پس‌زمینه */
}

.second-half {
    background-color: var(--third); /* رنگ پس‌زمینه نیمه اول */
    padding: 0 1px 0 0; /* فاصله داخلی */
}
/*product border*/
/* استایل پایه برای آیتم‌ها */
.circleBorder {
    position: relative;
    padding: 0 0 0 10px;
    height: 100%;
}

/* بردر برای آیتم‌های فرد: انیمیشن از بالا به پایین */
.circleBorder.odd::before {
    content: '';
    position: absolute;
    top: 0; /* شروع انیمیشن از بالا */
    left: 0;
    width: 1px; /* عرض بردر */
    height: 0; /* ارتفاع اولیه بردر */
    background-color: var(--first); /* رنگ بردر */
    animation: borderDown 1.5s ease-in forwards;
    animation-delay: var(--delay, 0s); /* تاخیر برای شروع */
}

/* دایره در انتهای بردر (آیتم‌های فرد) */
.circleBorder.odd::after {
    content: '';
    position: absolute;
    top: 0.5px; /* دایره در انتهای بردر */
    left: -3px;
    width: 8px;
    height: 8px;
    background-color: var(--first);
    border-radius: 50%;
    opacity: 0; /* مخفی در ابتدا */
    animation: fadeIn 0.5s ease-in forwards;
    animation-delay: calc(var(--delay, 0s) + 1.5s); /* شروع پس از اتمام انیمیشن بردر */
}

/* بردر برای آیتم‌های زوج: انیمیشن از پایین به بالا */
.circleBorder.even::before {
    content: '';
    position: absolute;
    bottom: 0; /* شروع انیمیشن از پایین */
    left: 0;
    width: 1px; /* عرض بردر */
    height: 0; /* ارتفاع اولیه بردر */
    background-color: var(--first);
    animation: borderUp 1.5s ease-in-out forwards;
    animation-delay: var(--delay, 0s); /* تاخیر برای شروع */
}

/* دایره در انتهای بردر (آیتم‌های زوج) */
.circleBorder.even::after {
    content: '';
    position: absolute;
    bottom: 0.5px; /* دایره در انتهای بردر */
    left: -3px;
    width: 8px;
    height: 8px;
    background-color: var(--first);
    border-radius: 50%;
    opacity: 0; /* مخفی در ابتدا */
    animation: fadeIn 0.5s ease-in forwards;
    animation-delay: calc(var(--delay, 0s) + 1.5s); /* شروع پس از اتمام انیمیشن بردر */
}

/* انیمیشن از بالا به پایین */
@keyframes borderDown {
    from {
        height: 0%; /* شروع از صفر */
    }
    to {
        height: 100%; /* پر کردن کل ارتفاع */
    }
}

/* انیمیشن از پایین به بالا */
@keyframes borderUp {
    from {
        height: 0; /* شروع از صفر */
    }
    to {
        height: 100%; /* پر کردن کل ارتفاع */
    }
}

/* انیمیشن برای ظاهر شدن دایره‌ها */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ترتیب انیمیشن با تاخیر */
.circleBorder:nth-child(1) {
    --delay: 1s;
}
.circleBorder:nth-child(2) {
    --delay: 2s;
}
.circleBorder:nth-child(3) {
    --delay: 3s;
}
.circleBorder:nth-child(4) {
    --delay: 4s;
}
/*value section*/
.CircleinSection {
    position: relative;
    padding: 20px;
    text-align: center;
    border: 2px solid #000; /* بردر پیش‌فرض */
    background: white; /* پس‌زمینه سفید */
    transition: all 0.5s ease-in-out; /* تغییرات نرم */
}

.CircleinSection::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background-color: var(--first); /* رنگ پیش‌فرض */
    border-radius: 50%;
    z-index: 10;
    transition: all 0.5s ease-in-out; /* تغییرات نرم */
}

.CircleinSection:hover {
    border: none; /* حذف بردر در هاور */
    background-color: var(--first); /* تغییر رنگ پس‌زمینه */
}

.CircleinSection:hover::after {
    width: 100%;
    height: 101%;
    border-radius: 50% 50% 0 0;
    bottom: 0px;
    left: 0;
    z-index: 0;
}

.CircleinSection h2,
.CircleinSection p {
    transition: color 0.5s ease-in-out; /* تغییر رنگ متن به صورت نرم */
}

.CircleinSection:hover h2,
.CircleinSection:hover p {
    color: #ffffff !important; /* تغییر رنگ متن به سفید */
}

.CircleinSection:hover > div {
    z-index: 2;
    color: #fff;

}
.mainButton .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row;
    gap: 3px;
    justify-content: center;
    align-content: center;
    align-items: center;
}.mainButton svg {
     width: 29px !important;
 }
  /*BrandLogo*/
.brandLogo {
    position: relative;
    overflow: hidden; /* برای جلوگیری از بیرون زدن سایه‌ها */
    background: linear-gradient(to left, #ffffff 100%, transparent 100%); /* از اینجا رنگ سفید در کنار سایه قرار می‌گیرد */
                         }

.brandLogo::after{
    content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/Group-131-1.png");
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    z-index: 5; /* سایه در پس‌زمینه باقی می‌ماند */
}
.brandLogo::before{
    content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/Group-132-3.png");
    position: absolute;
    top: 0;
    bottom: 0;
    left: -17px;
    z-index: 5; /* سایه در پس‌زمینه باقی می‌ماند */
}



.cartOverlay{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 4%, rgba(242,230,245,1) 100%);
}
.productSection p.price {
    display: flex;
    flex-direction: column;
}.header-icons.HeaderinHome {
     display: none;
 }

.page-id-17 .header-icons.HeaderinHome {
    display: block;
}
/* سبک‌دهی مینی‌کارت */


/* دکمه بستن */
.user-mini-cart-display {
    display: none; /* پیش‌فرض مخفی */
    position: fixed; /* ثابت نسبت به بدنه مرورگر */
    top: 0; /* فاصله از بالای صفحه */
    left: 0; /* فاصله از راست صفحه */
    background: #fff;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 600px;
    padding: 40px 45px;
    border-radius: 0 77px 77px 0;
}


.user-mini-cart-display.active {
    display: block; /* نمایش مینی‌کارت وقتی کلاس active اضافه شود */
}

.miniCart-Title {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #6c5a6a7a;
    padding: 0 0 12px 0;
}


span.cartTitle {
    font-size: 19px;
    color: #000000;
    font-weight: 500;
}
/* استایل اورلی */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* پس‌زمینه نیمه‌شفاف */
    z-index: 999; /* زیر مینی‌کارت */
    display: none; /* پیش‌فرض مخفی */
}/* اورلی نمایش داده شود */
.overlay.active {
    display: block;
}
.user-mini-cart-display .elementor-menu-cart__product.woocommerce-cart-form__cart-item.cart_item {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 30px 0 ;
;
}
.user-mini-cart-display .elementor-menu-cart__product-image.product-thumbnail a {
    width: 100px;
    height: 100px;
}
.user-mini-cart-display .elementor-menu-cart__product-image.product-thumbnail {
    width: 15%;
    margin-left: 20px;
}
.user-mini-cart-display .elementor-menu-cart__product-name.product-name a {
    width:  100%;
    text-align: right;
    color: black;
    font-size: 16px;
    display: block;
    font-weight: 500;

}
img.woocommerce-placeholder.wp-post-image{
    max-width: 100px;
    max-height: 100px;
    margin-left: 17px;
}
.user-mini-cart-display span.quantity {
    width: 300px;
    margin: -32px 100px  0 0;
    font-size: 13px;
    font-family: dana !important;
    text-align: right;
    display: block;
    direction: ltr;
}
.user-mini-cart-display .elementor-menu-cart__subtotal {
    /* font-family: unset; */
    font-size: 15px;
    padding: 17px 0 17px 0;
    width: 100%;
    text-align: right;
    border-top: 1px solid #b9b0b8;
}
.user-mini-cart-display .woocommerce-mini-cart {
    padding: 10px 0 10px 0;
}
.user-mini-cart-display .elementor-menu-cart__footer-buttons {
    width: 100%;
    text-align: right;
}

.user-mini-cart-display .elementor-button.elementor-size-md {
    border-radius: 8px;
    font-size: 13px;
    padding: 12px 19px;
    background-color: var(--first);
    font-weight: 500;
}.user-mini-cart-display .elementor-button.elementor-size-md:hover {
    background-color: #D2AFCE;
}
.user-mini-cart-display span.product-quantity {
    font-family: dana !important;

}
/*End mini cart style*/
span.bdt-slide-btn-icon {
    display: none !important;
}
.heroSection .elementor-slide-description {
    text-align: justify;
}
.heroSection .bdt-slide-btn {
    padding: 15px 12px 15px 55px !important;
}
.heroSection .bdt-prime-slider-button-wrapper:after {
    content: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/arrow-square-left.svg");
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 33px;
    left: 37px;
    cursor: pointer;
}

.heroSection .bdt-slide-btn {
    position: relative;
    cursor: pointer;
}
.heroSection .bdt-prime-slider-skin-isolate .bdt-dotnav li {
    margin: -6px 0;
    padding: 0;
    position: relative;
    cursor: pointer
}
/*footer*/
.homepage_footer{
    background-image: url("https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/footerimg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-content h3 {
    font-size: 16px;
    font-weight: 800;
    color: black;
}

.footer-content ul li a {
    color: black;
    font-size: 14px;
    font-weight: 400;
}
.footer-content ul li {
    margin: 10px 0px;
}
.footerAboutUs p {
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8;
}



.second-footer-contant {
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: center;
    margin: 0 0 10px 0;
 }
ul.SocialMedia-Icon {
    list-style: none;
    padding: 0;

}.User-Trust {
     display: flex
 ;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
.footerContactUs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footerContactUs li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.footerContactUs img {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}
.footerContactUs ul {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.footerContactUs ul li {
    width: 100%;
}
footer.custom-footer .container {
    width: 1300px;
}
li.Email-social-media {
    width: 100% !important;
}.footerContactUs {
     margin: 0 50px 0 0;
 }
.footerContactUs ul li {
    font-size: 14px;
    font-weight: 400;
}
.footer-Social_Media p {
    font-size: 14px;
    font-weight: 500;
    color: black;
}
.socialMedia {
    display: flex;
    justify-content: space-around;
    width: 30%;

}
.tnp.tnp-subscription form {
    display: flex;
    width: 95%;
}

.tnp-field.tnp-field-email {
    width: 80%;
}

.footer-Newslatter p {
    margin-bottom: 0;
}

.tnp-field.tnp-field-button {
    width: 14%;
    margin: 3px 7px 0 0;
    /* color: red; */
}
.tnp-field.tnp-field-button input {
     width: 100%;
     background-color: #6c5a6a;
     padding: 8px 6px 8px 5px;
     border-radius: 7px;
 }.tnp-field.tnp-field-email input {
      font-size: 11px;
      padding: 11px 8px;
      color: #6c5a6a;
      border-radius: 8px;
      border: 1px solid #6c5a6a;
  }div.tnp-subscription,
   form.tnp-subscription, form.tnp-profile {
       display: block;
        margin: 5px 0 0 0;
       /* max-width: 500px; */
       width: 100%;
   }.footer-Newslatter {
        margin: 0 50px 0 0;
    }
.copyRight {
    display: flex
;
    justify-content: space-between;
}
.copyRight {
    display: flex;
    justify-content: space-between;
    padding: 13px 0 13px 0;
    border-top: 1px solid #6c5a6a;
    font-size: 12px;
    color: black;
}

.footer-image {
    padding: 59px 40px 6px 40px;
}


.footer-content.d-flex {
    padding: 44px 0 0 0;
}

.red {
    padding: 117px  0 0 0;
}
.footer-Social_Media.d-flex.m-0 {
    /* display: flex
; */
    /* align-content: center; */
    align-items: center;
}
.copyRight {
    display: flex;
    justify-content: space-between;
    padding: 13px 0;
    border-top: 1px solid #b9b0b8;
    font-size: 12px;
    color: black;
    position: relative; /* برای ::before و ::after */
}

.copyRight::before,
.copyRight::after {
    content: "";
    width: 8px; /* سایز دایره */
    height: 8px;
    background-color: #b9b0b8; /* رنگ دایره */
    border-radius: 50%; /* برای ایجاد دایره */
    position: absolute;
    top: -4px; /* تنظیم موقعیت دایره */
}

.copyRight::before {
    left: 0; /* دایره اول در ابتدای خط */
}

.copyRight::after {
    right: 0; /* دایره دوم در انتهای خط */
}
.user-mini-cart-display .elementor-menu-cart__subtotal {
    font-size: 15px;
    padding: 17px 0;
    width: 100%;
    text-align: right;
    border-top: 1px solid #b9b0b8;
    position: relative; /* ضروری برای استفاده از ::before و ::after */
}

.user-mini-cart-display .elementor-menu-cart__subtotal::before,
.user-mini-cart-display .elementor-menu-cart__subtotal::after {
    content: "";
    width: 8px; /* اندازه دایره */
    height: 8px;
    background-color: #b9b0b8; /* رنگ دایره */
    border-radius: 50%; /* ایجاد دایره */
    position: absolute;
    top: -4px; /* تنظیم موقعیت */
}

.user-mini-cart-display .elementor-menu-cart__subtotal::before {
    left: 0; /* دایره در ابتدای خط */
}

.user-mini-cart-display .elementor-menu-cart__subtotal::after {
    right: 0; /* دایره در انتهای خط */
}
.user-mini-cart-display .elementor-menu-cart__subtotal {
    font-size: 15px;
    padding: 17px 0;
    width: 100%;
    text-align: right;
    border-top: 1px solid #b9b0b8;
    position: relative; /* ضروری برای استفاده از ::before و ::after */
}

.user-mini-cart-display .elementor-menu-cart__subtotal::before,
.user-mini-cart-display .elementor-menu-cart__subtotal::after {
    content: "";
    width: 8px; /* اندازه دایره */
    height: 8px;
    background-color: #b9b0b8; /* رنگ دایره */
    border-radius: 50%; /* ایجاد دایره */
    position: absolute;
    top: -4px; /* تنظیم موقعیت */
}

.user-mini-cart-display .elementor-menu-cart__subtotal::before {
    left: 0; /* دایره در ابتدای خط */
}

.user-mini-cart-display .elementor-menu-cart__subtotal::after {
    right: 0; /* دایره در انتهای خط */
}
.miniCart-Title::before,
.miniCart-Title::after {
    content: "";
    width: 8px; /* اندازه دایره */
    height: 8px;
    background-color: #b9b0b8; /* رنگ دایره */
    border-radius: 50%; /* دایره */
    position: absolute;
    bottom: -4px !important; /* تنظیم موقعیت */
    z-index: 1; /* اطمینان از دیده شدن */
}

.miniCart-Title::before {
    left: 0 !important;
}

.miniCart-Title::after {
    right: 0 !important;
}
.miniCart-Title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #b9b0b8;
    padding: 0 0 12px 0;
    position: relative; /* حتما اضافه شود */
}










.arrowHover {
    position: relative;
    overflow: hidden;
}

.arrowHover .elementor-button-icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    transition: transform 0.4s ease-in-out;
}

.arrowHover:hover .elementor-button-icon {
    transform: translate(100%, -50%);
}

/* استایل اولیه */
.value-div {
    position: relative;

    text-align: center;
}

.value-div .mouge-value {
    transition: transform 0.3s ease-in-out;
}

/* هاور روی کل دایو */
.value-div:hover .mouge-value {
    transform: translateY(-10px);
}
.price ins {
    text-decoration: none;
    font-size: 14px;
}.price del {
     font-size: 12px;
 }
.frame {
    display: none; /* عدم نمایش در حالت غیر موبایل */
}
.tabbar {
    --x: 212px;
    width: 100%;
    padding: 0 16px;
    border-radius:28px 28px 0 0;
    list-style: none;
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: #6c5a6a;
    margin: revert-layer;
;
}
.tabbar:before, .tabbar:after {
    content: "";
    position: absolute;
    left: 0;
    border-radius: 50%;
    transform: translateX(var(--x));
}
.tabbar:before {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    background: #ead1e7;
    top: -22px;
    z-index: 1;
}
.tabbar:after {
    width: 94px;
    height: 94px;
    margin-left: -46px;
    background: rgba(255, 255, 255, 0.08);
    top: -34px;
}
.tabbar li a {
    display: block;
    padding: 15px 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}
.tabbar li a .imageDiv {
    --y: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(var(--y));
}
.tabbar li a .imageDiv img {
    display: block;
    width: 32px;
    height: 32px;
    fill: rgba(255, 255, 255, 0);
    stroke-width: 1px;

}

.tabbar li a .imageDiv:before {
    --s-x: 1;
    --s-y: 1;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    transform: scaleX(var(--s-x)) scaleY(var(--s-y));
}







.tabbar li.active a .imageDiv {
    --y: -24px;
}

.tabbar li:not(.active) a .imageDiv {
    transition: transform 0.4s ease;
}
.tabbar li:not(.active) a .imageDiv img {
    transition: fill 0.4s ease;


}
.tabbar li:not(.active) a:active {
    transform: scale(0.92);



}
.tabbar li.move a .imageDiv {
    -webkit-animation: Mobile-nav-icon 1.2s linear forwards;
    animation: Mobile-nav-icon 1.2s linear forwards;
}



.tabbar.move:before {
    -webkit-animation: move 1.2s linear forwards;
    animation: move 1.2s linear forwards;
}
.tabbar.move:after {
    -webkit-animation: move-after 1.2s linear forwards;
    animation: move-after 1.2s linear forwards;
}

.frame {
    width: 320px;
    height: 240px;
    border-radius: 0 0 28px 28px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

@-webkit-keyframes move {
    10%, 15% {
        transform: translate(var(--x), 84px);
    }
    30% {
        transform: translate(var(--x-n), 84px);
    }
    42%, 70% {
        transform: translate(var(--x-n), -16px);
    }
    85% {
        transform: translate(var(--x-n), 4px);
    }
    100% {
        transform: translate(var(--x-n), 0);
    }
}

@keyframes move {
    10%, 15% {
        transform: translate(var(--x), 84px);
    }
    30% {
        transform: translate(var(--x-n), 84px);
    }
    42%, 70% {
        transform: translate(var(--x-n), -16px);
    }
    85% {
        transform: translate(var(--x-n), 4px);
    }
    100% {
        transform: translate(var(--x-n), 0);
    }
}
@-webkit-keyframes move-after {
    10%, 15% {
        transform: translate(var(--x), 84px) scale(0.82);
    }
    30% {
        transform: translate(var(--x-n), 84px) scale(0.82);
    }
    42% {
        transform: translate(var(--x-n), -16px) scale(0.82);
    }
    60% {
        transform: translate(var(--x-n), -16px) scale(1);
    }
    70% {
        transform: translate(var(--x-n), -16px) scale(1);
    }
    85% {
        transform: translate(var(--x-n), 4px) scale(1);
    }
    100% {
        transform: translate(var(--x-n), 0) scale(1);
    }
}


@keyframes Mobile-nav-icon {
    30% {
        transform: translateY(0px);
    }
    40%, 70% {
        transform: translateY(-100px);
    }
    85% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(-24px);
    }
}
.frame{
    display: none;
}

/* برای نمایش در صفحه‌های بزرگتر */
.footer-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;  /* به ما اجازه می‌دهد که در صورت لزوم بخش‌ها به خط بعدی بروند */
}

.second-footer-contant {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer{

    overflow: hidden;
}
.wrapper
{
    display: none;
}
body:not(.home) .header-image {
    background-image: url(https://hdmplus.ir/mougeliani/wp-content/uploads/2025/01/Group-322.png);
    margin: 10px 0 10px 0 !important;
}
/*kk star rating*/
.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon {
    background-image: url(https://hdmplus.ir/mougeliani/wp-content/uploads/2025/02/star-3.svg) !important;
}
.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon {
    background-image: url(https://hdmplus.ir/mougeliani/wp-content/uploads/2025/02/star-3.svg) !important;
}
.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon {
    background-image: url(https://hdmplus.ir/mougeliani/wp-content/uploads/2025/02/star-2.svg) !important;
}
.kk-star-ratings .kksr-legend {
    margin: 3px 2px 0 0;
    font-family: 'dana' !important;
    font-size: 11px !important;
}
/*sidebar single product*/
.darkGradientPink {
    background: rgb(230,210,185);
    background: linear-gradient(86deg, rgba(230,210,185,1) 0%, rgba(239,178,254,1) 100%);
    padding: 5px 0;
}
/*Single product Attribute Table*/
.productAttribute table td, table th {
    padding: 0px;
    line-height: 1.5;
    vertical-align: top;
    border: none !important;
    font-size: 18px;
    font-weight: 400 !important;
    background: rgb(255 255 255 / 3%) ! IMPORTANT;
}
.productAttribute  th.woocommerce-product-attributes-item__label:after {

    content:":";
    padding:0 2px 0 2px;
}
.productAttribute .woocommerce table.shop_attributes th {
    width: auto;
    font-weight: 500;
    /* padding: 8px; */
    border-top: 0;
    border-bottom: 1px dotted rgba(0, 0, 0, .1);
    margin: 0;
    line-height: 1.5;
    font-size: 20px !important;
}
.productAttribute  tr.woocommerce-product-attributes-item {
    background: rgb(242,230,245);
    background: linear-gradient(176deg, rgba(242,230,245,1) 0%, rgba(255,255,255,1) 100%);
    margin: 10px 0 !important;
    padding: 14px 33px 0px 0;
    display: block;
    border-radius: 15px;
}
.productAttribute table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{

    background: #ffffff00 !important;
}
.productAttribute table{
    width: 100%;
}
.productAttribute .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
    background: rgb(255 255 255 / 0%);
}
.purpleTitle h2{
    background: rgb(242,230,245);
    background: linear-gradient(270deg, rgba(242,230,245,1) 0%, rgba(255,255,255,1) 40%);
    padding: 7px 0;


}
.singleproductBage .yith-custom-badge {
    padding: 8px 24px;
    background-color: #9A404D;
    border-radius: 7px;
    color: white;
    font-size: 13px;
    font-weight: 700;
    font-family: dana !important;

}
.productAttribute h4.title-site-center {
    font-size:20px;
    font-weight:500;

}
.productAttribute h4.title-site-center:after {
    content:":";
    padding:0 2px 0 2px;
}
.productAttribute tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_amount-of-perfume{

    font-family: dana !important;
}
.AfterText-Line .elementor-divider-separator::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #000000;
    border-radius: 50%;
    margin: -4px 0 0 0;
    z-index: 2;

}
.ProductText .elementor-heading-title::first-line {
    font-size: 19px; /* اندازه فونت */
    color: #000000; /* رنگ فونت */
    font-weight: 500; /* ضخامت دلخواه */
}
.SameVariationSwatches .variations_button p.price {
    display: none;
}

.SameVariationSwatches p.stock.in-stock {
    display: none;
}

.SameVariationSwatches button.reset_variations {
    display: none;
}
.SameVariationSwatches li.variable-item.button-variable-item {
    padding: 10px 0  !important;
    font-size:12px !important;
    border-radius:8px !important;
    border:1px solid #6c5a6a;
    outline:#6c5a6a !important;
    font-family: dana !important;

}
.SameVariationSwatches .woocommerce-variation-availability {
    display: none;
}
.SameVariationSwatches .variable-item-contents span {
    font-family: dana !important;
    font-size: 12px;
    color: #000000;
    font-weight: 400;

}
.SameVariationSwatches .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{

padding: 1px 5px !important;

}

.SameVariationSwatches button.single_add_to_cart_button.button.alt {
    outline: none !important;
    border: none ! IMPORTANT;
}
input.input-text.qty.text{
    width: 50px;
    border: none;
}
.quantity > button.plus , .quantity > button.minus {
    border: 1px solid black;
}
.SameVariationSwatches .single_variation_wrap {
    position: relative;
    z-index: 4;
    width: 100%;
}
.SameVariationSwatches .price del {
    color: #AFADAD;
}
.SameVariationSwatches .woocommerce-variation-price bdi {
    display: block;
    width: 100%;
    text-align: center;
}

.SameVariationSwatches span.price span {
    font-size: 16px !important;
    font-weight: 600;

}

.SameVariationSwatches span.vi-wpvs-label-selected {
    display: none;
}
.SameVariationSwatches .woocommerce-variation-price {
    position: relative;
    /* bottom: 80px; */
}
.SameVariationSwatches tr.vi-wpvs-variation-style label:after {
    content: ":";
}
.SameVariationSwatches span.woocommerce-Price-amount.amount bdi {
    margin: 5px 0 0 0;
}
.SameVariationSwatches .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-rtl:not(.vi-wpvs-variation-wrap-loop) .vi-wpvs-option-wrap {
    margin: 2px 0 8px 4px !important;
}
.SameVariationSwatches span.vi-wpvs-option.vi-wpvs-option-button{

    font-family: dana !important;

}
.SameVariationSwatches .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default.vi-wpvs-option-wrap-disable:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 96%;
    height: 51%;
    border-top: 1px solid rgb(169 169 169);
    transform: rotate(157deg);
    transform-origin: center;
    z-index: 1;
    pointer-events: none;
}
.Single-thumbnail-carousel figure.swiper-slide-inner img {
    height: 115px;
    padding: 10px;
    width: 115px;
}
.Single-thumbnail-carousel .elementor-swiper-button.elementor-swiper-button-next {
    display: none;
}

/* .SameVariationSwatches .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    position: relative;
    left: 13%;
    top: -39px;
} */
.SameVariationSwatches .quantity button {
    padding: 3px 12px !important;
}

.SameVariationSwatches .quantity input {
    padding: 0 0 0 0 !important;
}

.SameVariationSwatches button.single_add_to_cart_button.button.alt {
    padding: 8px 77px 8px 77px !important;
    background-color: #6c5a6a !important;
    text-align: center !important;
    margin-top: 18px !important;
    border-radius:15px !important;
    color:white !important;
}

input[type="number"] {
    -moz-appearance: textfield !important; /* برای فایرفاکس */
    background-color: #d2afce !important;
    color: white !important;
    font-family: dana !important;
                               }

/* حذف دکمه‌های بالا و پایین */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.SameVariationSwatches .quantity .qty {
    font-size: 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 7px 7px 7px 7px;
    transition: all 0.2s;
    text-align: center !important;
}


.pefume-background{
    background: rgb(210,175,206);
    background: linear-gradient(0deg, rgba(210,175,206,1) 0%, rgba(255,255,255,1) 100%);
}
.move-perfume {
    display: inline-block; /* برای جلوگیری از مشکلات با inline عناصر */
    transition: transform 0.6s ease-in-out; /* مدت زمان و نوع حرکت */
    position: relative; /* برای کنترل بهتر موقعیت */
}

.move-perfume:hover {
    transform: translateY(-10px) rotate(15deg);
}
.single .header-icons.static-class .search-icon {
    display: none;
}
.productMainPhoto h1.product_title.entry-title.elementor-heading-title.elementor-size-default {
    height: 20px;
    display: block;
}
.footer-logo {
    display: none; /* پیش‌فرض مخفی باشد */
}
a.reset_variations {
    display: none;
}
span.digits-login-modal span {
    display: none;
}
/* about us page*/
.style-rankmath nav.rank-math-breadcrumb {
    font-size: 14px;
    font-weight: 500;
    color: black;
}
.style-rankmath nav.rank-math-breadcrumb a{
    color: black;

}
.style-rankmath nav.rank-math-breadcrumb a:hover{
    color: #6c5a6a;

}
.reverse-highlight {

    background: rgb(242,230,245);
    background: linear-gradient(273deg, rgba(242,230,245,1) 15%, rgba(255,255,255,1) 100%);
    padding:3px 7px 3px 0;

}
body:not(.home) .header-icons.static-class {
    display: none;
}

/* login */
.dig-container, .logocontainer {
    width: 433px !important;
    position: relative;
    margin: auto;
}
input {
    font-family: Dana !important;}

textarea {
    font-family: Dana !IMPORTANT;
}



/*blog page*/

span.badge.blog-category-badge {}span.badge.blog-category-badge {
    background: #D2AFCE;
    padding: 7px 11px;
    font-size: 10px;
    color: #6c5a6a;
    font-weight: 600;
    border-radius: 5px;
}

.blog-data {
    font-size: 12px;
    font-weight: 500;
    color: #6c5a73;
}



h5.card-title.card-blog-title a {
     font-size: 16px !important;
    color: #000000;
    font-weight: 500;
    height:20px;
    overflow:hidden;
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin:20px 0 0 0;
   
}
p.card-text.card-blog-content {
    color: #000000;
    font-size: 13px;
    line-height: 2em;
    font-weight: 400;
    text-align: justify;
    margin:0 0 8px 0;
}
.card.card-Content a img {
    border-radius: 45px 45px 0 0;
}
.card-blog-item.card-body {
    border: 1px solid #6c5a6a;
    border-top: none;  
    border-radius: 0 0 45px 45px;
}

a.readmore-Blog {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
}

.card-body.card-blog-item {
    padding-bottom: 29px;
}
h3.sidebar-title {
    color: #6c5a6a;
    font-size: 16px;
    font-weight: 500;
}

.categories-title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.categories-title::after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background: #6c5a6a;
    position: absolute;
    bottom: 0;
    right: 0;
}

.categories-title::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #6c5a6a;
    border-radius: 50%;
    position: absolute;
    left: 30%;
    bottom: -2px;
}


.category-list-item {
    position: relative;
    padding-bottom: 10px; 
    margin-bottom: 10px;
}

.category-list-item::after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background: #6c5a6a;
    position: absolute;
    bottom: 0;
    right: 0;
}

.category-list-item::before {
    content: "";
    width: 5px;
    height:5px;
    background-color: #6c5a6a;
    border-radius: 50%;
    position: absolute;
    left: 30%;
    bottom: -2px;
}
.category-list-item li,.category-list-item li a {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
   
}

.category-list-item li {
    padding: 3px 0 ;
}

.blog-sidebar input[type="checkbox"] {
    appearance: none; 
    width: 15px;
    height: 15px;
    border: 2px solid #6c5a6a; 
    border-radius: 5px; 
    background-color: transparent;
    position: relative;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}


.blog-sidebar input[type="checkbox"]:checked {
    background-color: #6c5a6a;
    border-color: #6c5a6a;
    box-shadow: 0 2px 6px rgba(92, 71, 88, 0.4); 
}


.blog-sidebar input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #6c5a6a;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
h5.latest-post-title {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
     height:17px;
    overflow:hidden;
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  
}
p.latest-post-excerpt {
    color: #000000;
    font-size: 13px;
    font-weight: 300;
        margin: 0;
        text-align:justify;
}
.latest-post-content {
    margin: 0 7px 0 0;
}

aside.blog-sidebar {
    border: 1px solid #6c5a6a;
    border-radius: 40px;
    padding: 24px 20px;
    position: sticky;
    top: 20px;
    height: fit-content;
     background: rgb(242,230,245);
background: linear-gradient(184deg, rgba(242,230,245,1) 0%, rgba(255,255,255,1) 100%);
    }

.latest-posts{ position: relative;}
.latest-posts::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px; /* اندازه تصویر */
    height: 275px;
    background: url('https://hdmplus.ir/mougeliani/wp-content/uploads/2025/02/DeWatermark.ai_1733830286883-removebg-preview-4-e1740152483973.png') no-repeat center;
    background-size: cover;
    opacity: 0.8; 
    z-index: 0;
}
.right-header-blog {
 
    flex-direction: column;}
h1.blog-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

ul.page-numbers {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
}
.right-header-blog .breadcrumb.style-rankmath {
    margin:0 0 0 0 !important;
}
.contactus-form .elementor-message.elementor-message-svg {
    text-align: center;
    width: 100%;
    position:absolute;
 margin:23px 0 0 0;
}

.contactus-form .elementor-element.elementor-element-6db7fe4 .elementor-button-align-stretch .elementor-widget.elementor-widget-form {
    position: relative;
}
a.user-icon span {
    display: none;
}


span.page-numbers {
     border: 1px solid #6c5a6a;
    font-family: dana  !important;
    color: #000000;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    margin: 0 2px;
 padding: 2px 9px 0px 9px !important;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
a.page-numbers {
      border: 1px solid #6c5a6a;
    font-family: dana  !important;
    color: #000000;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    margin: 0 2px;
   padding: 2px 9px 0px 9px !important;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
a.page-numbers:hover {
    background-color:#6c5a6a;
    color:white;
}

a.next.page-numbers,.prev.page-numbers {
    background-color: #6c5a6a;
    color: white;
}
ul.page-numbers li {
    margin: 0 2px 0 2px;
}
span.page-numbers.current {
    background: #6c5a6a;
    color: white;
}

.card.card-Content a img {
    border-radius: 45px 45px 0 0;
    object-fit: cover;
    height: 300px;
}
#closeSidebar {
    display: none;
}
#applyFilters {
    display: none;
}
.singlebolg-Content h2 {
    font-size: 18px;
    font-weight: 400;
}
.singlebolg-Content img {
    border-radius: 20px;
}
.blogName {
    font-size: 22px;
    font-weight: 700;
}
.lb-style-custom .lb-like, .lb-style-custom .lb-dislike {
    background-color: #fafafa;
     border: none !important;
    color: #555555;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 4px;
    width: 19px !important;
}.lb-style-custom .lb-like, .lb-style-custom .lb-dislike {
     background-color: #fafafa;
     border: 1px solid #C6C6C6;
     color: #555555;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 10px;
 }
p.card-text.card-blog-content {
    height: 107px;
}



/* ==========================================================================
       WOOCOMMERCE NOTICES (Success and Error Messages)
       ========================================================================== */

/* .woocommerce-notices-wrapper {
  margin: 20px 0;
} */

.woocommerce-message {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
  }
  .woocommerce-message p {
    margin: 0;
  }
  
  .woocommerce-message strong {
    font-weight: bold;
    margin-right: 10px;
  }
  
  .woocommerce-message::before {
    content: "✔️";
    margin-left: 10px;
    font-size: 20px;
  }
  
  .woocommerce-error {
    background-color: #ffe6e6;
    color: #b40000;
    border-right: 6px solid #e60000;
    padding: 15px;
    border-radius: 5px;
    font-family: "Vazir", sans-serif;
    font-size: 16px;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    list-style-type: none;
  }
  
  .woocommerce-error strong {
    font-weight: bold;
  }
  
  .woocommerce-error li {
    margin-bottom: 10px;
  }
  
  .woocommerce-error li:last-child {
    margin-bottom: 0;
  }
  
  .woocommerce-error li {
    border-radius: 5px;
    padding: 10px;
    margin-left: 40px;
  }

.singleblog-comment textarea#comment {
    display: flex
;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    /* background: rgb(242, 230, 245); */
    /* background: linear-gradient(273deg, rgba(242, 230, 245, 1) 15%, rgba(255, 255, 255, 1) 100%); */
    padding: 10px;
    height: 106px;
    color: #000000;
    font-size: 14px;
}
.singleblog-comment input#submit {
    width: 100%;
    background-color: #6c5a6a;
    border: none;
    border-radius: 10px ! IMPORTANT;
    padding: 11px 0;
    color: white;
}
.singleblog-comment p a {
    font-size: 16px;
    color: #6c5a6a;
    font-weight: 600;
}
.singleblog-comment h3#reply-title {
    display: none;
}
.singleblog-comment textarea#comment:focus-visible{
    border:none !Important;
    outline:1px solid #ead1e7;
}
.singleblog-comment span.says {
    display: none;
}

.singleblog-comment .comment-meta.commentmetadata {
    display: none;
}

.singleblog-comment img.avatar.photo {
    width: 65px !important;
    height: 65px;
    border-radius: 50%;
    border: 2px solid #6c5a6a;
    margin: -12px 0 0 10px;
}

.singleblog-comment .comment-body cite a {
    font-size: 16px;
    color: black !important;
    font-weight: 500;
    margin: 0 6px 7px 0;
}

.singleblog-comment h3#comments {
    display: none;
}

.singleblog-comment .likebtn_container {
    display:none
}

.singleblog-comment .reply {
    display: none;
}

.singleblog-comment .comment {
    display: contents;
}
.ComentlikeBTN .lb-style-custom .lb-voted img.lb-icon-v {
    display: inline-block !important;
    position: relative;
    right: 25px;
}
span.lb-count {
    position: relative;
    right: 19px;
    font-family: dana;
    font-size: 12px ! IMPORTANT;
}
.singleblog-comment .comment-body {
    border-bottom: 1px solid #6c5a6a;
    margin: 22px 0 0 0;
    padding: 0 0 17px 0;
}
div.comment-body p {
    font-size: 14px;
    font-weight: 400;

}
.singleblog-comment .comment-awaiting-moderation {
    margin: 0 76px 4px 0;
}
.blog-coment.elementor-widget .elementor-icon-list-icon {
    order: 1;
    margin: 0 9px 0 0;
}

.table-of-contents{ position: relative;}
.table-of-contents::after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 150px;
    height: 243px;
    background: url('https://hdmplus.ir/mougeliani/wp-content/uploads/2025/02/DeWatermark.ai_1733830286883-removebg-preview-4-e1740152483973.png') no-repeat center;
    background-size: cover;
    opacity: 0.8;
    z-index: 0;
}
a.category-link {
    color: #6c5a6a;
}p.comment-form-url {
     display: none;
 }
 
 
 
 
 /**
 * WordPress Comments Custom Styling
 * 
 * Add this to your theme's style.css file or create a separate CSS file
 * and enqueue it in your theme's functions.php
 */

/* استایل‌های کلی */
.comments-area {
    font-family: tahoma, Arial, sans-serif;
    direction: rtl;
    max-width: 1200px;
    margin: 0 auto;
    padding:1px 0 0 0;
}

/* عنوان کامنت‌ها */
.comments-title {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: right;
    font-weight: bold;
    display: none;
}

/* لیست کامنت‌ها */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* هر کامنت */
.comment-item {
    margin-bottom: 20px;
}

/* بدنه کامنت */
.comment-body {
    display: flex;
    margin-bottom: 20px;
}



.comment-author-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* محتوای کامنت */
.comment-content {
    flex: 1;
}

/* نام نویسنده کامنت */
.comment-author {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
}

/* متن کامنت */
.comment-text {
    line-height: 1.6;
    margin-bottom: 10px;
}

/* خط جداکننده */
.comment-separator {
    border: 0;
    height: 1px;
    background-color: #e5e5e5;
    margin-top: 20px;
}

/* فرم کامنت */
.comment-respond {
    margin-top: 40px;
}

.comment-reply-title {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: right;
}

/* فرم و فیلدها */
.comment-form-body {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.comment-form-author-email {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.comment-form-comment {
    width: 100%;
}


.comment-form-comment textarea, .comment-form-author input, .comment-form-email input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-family: tahoma, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
}

.comment-form-comment textarea {
    height: 80px;
    resize: vertical;
}

.form-submit button {
    background-color: #6d6276;
    color: white;
    border: none;
    padding: 7px 26px;
    font-family: 'DANA';
    font-size: 13px;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    /* margin-top: 15px; */
}
.form-submit button:hover {
    background-color: #d2afce;

}
p.logged-in-as a {
    font-size: 16px;
}p.logged-in-as  {
     font-size: 16px;
 }
.form-submit{
        display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 0;
    margin-top: 10px;
    justify-content: flex-end;
}

.form-submit button:hover {
    background-color: #5a5260;
}

.form-submit input:focus-visible {
    border: 1px solid #efefef;
    outline: 1px solid #efefef;
}
@media screen and (max-width: 768px) {
    .comment-form-body {
        flex-direction: column;
        gap: 15px;
    }
    
    .comment-form-author-email {
        width: 100%;
    }
}
 
 
 li.toc-item {
    display: flex
;
    gap: 5px;
}
.product-banner {
    text-align: center;
}
.product-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.woocommerce-breadcrumb {
    font-size: 14px;
    font-weight: 400;
    color: black;
}
.woocommerce-breadcrumb a {
    color: black;
}
/*--------fibosearch--------*/
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{
    background-color:unset!important;
}
.dgwt-wcas-search-wrapp{
    width:80%;
}
/*--------fibosearch--------*/