.elementor-3795 .elementor-element.elementor-element-940dafb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-3795 .elementor-element.elementor-element-940dafb:not(.elementor-motion-effects-element-type-background), .elementor-3795 .elementor-element.elementor-element-940dafb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8F2;}.elementor-3795 .elementor-element.elementor-element-d21b098{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3795 .elementor-element.elementor-element-d21b098.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3795 .elementor-element.elementor-element-b15b027 img{width:60%;}.elementor-3795 .elementor-element.elementor-element-1bf42e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3795 .elementor-element.elementor-element-b7c6f01.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3795 .elementor-element.elementor-element-b7c6f01 .elementor-menu-toggle{margin:0 auto;}.elementor-3795 .elementor-element.elementor-element-b7c6f01 .elementor-nav-menu--main .elementor-item{color:#4A2E1B;fill:#4A2E1B;}.elementor-3795 .elementor-element.elementor-element-fcd77d8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-3795 .elementor-element.elementor-element-fcd77d8.e-con{--align-self:center;}.elementor-3795 .elementor-element.elementor-element-4ba9607.elementor-element{--align-self:center;}.elementor-3795 .elementor-element.elementor-element-c5b7f73 .elementor-icon-wrapper{text-align:center;}.elementor-3795 .elementor-element.elementor-element-0b77f01{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-3795 .elementor-element.elementor-element-38ac92b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3795 .elementor-element.elementor-element-26a2335{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3795 .elementor-element.elementor-element-6ab6a99 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3795 .elementor-element.elementor-element-d21b098{--width:25%;}.elementor-3795 .elementor-element.elementor-element-1bf42e7{--width:54%;}.elementor-3795 .elementor-element.elementor-element-fcd77d8{--width:28%;}.elementor-3795 .elementor-element.elementor-element-38ac92b{--width:50%;}.elementor-3795 .elementor-element.elementor-element-26a2335{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-3795 .elementor-element.elementor-element-d21b098{--width:210.993px;}}@media(min-width:2400px){.elementor-3795 .elementor-element.elementor-element-b15b027 img{width:106px;}}@media(max-width:1366px){.elementor-3795 .elementor-element.elementor-element-b7c6f01{width:var( --container-widget-width, 666.222px );max-width:666.222px;--container-widget-width:666.222px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-3795 .elementor-element.elementor-element-f66260a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3795 .elementor-element.elementor-element-6ab6a99{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-940dafb *//* ==========================================
   ۱. تنظیمات کانتینر اصلی هدر دسکتاپ
   ========================================== */
.main-desktop-header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    direction: rtl !important;
    background-color: #FDF8F2 !important; /* رنگ پس‌زمینه کرمی نرم و اصیل هدر */
    padding: 15px 25px !important;
}

/* ==========================================
   ۲. کانتینر اختصاصی دکمه و سرچ (سمت چپ)
   ========================================== */
.woodix-action-box {
    display: flex !important;
    flex-direction: row-reverse !important; /* چیدن المان‌ها از راست به چپ */
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important; /* فاصله استاندارد بین دکمه و ذره‌بین */
    width: auto !important;
}

/* ==========================================
   ۳. کادر جستجوی کشیده‌شونده هوشمند (بدون تداخل)
   ========================================== */
.woodix-pure-search {
    position: relative !important;
    width: 45px !important; /* سایز هم‌وزن با دکمه */
    height: 45px !important;
    background-color: transparent !important;
    border-radius: 25px !important;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    border: none !important;
}

/* قفل کردن آیکون ذره‌بین بزرگ در سمت چپ کادر */
.woodix-pure-search i, .woodix-pure-search svg {
    color: #4A2E1B !important; /* قهوه‌ای چوبی تیره */
    font-size: 22px !important;
    transition: color 0.3s ease !important;
    z-index: 5 !important;
    position: absolute !important;
    left: 12px !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* تنظیم متن راهنمای سرچ در سمت راست کادر */
.woodix-pure-search::after {
    content: 'جستجو کنید...' !important;
    position: absolute !important;
    right: 20px !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #7A5235 !important; /* قهوه‌ای شکلاتی ملایم */
    font-size: 13px !important;
    font-family: inherit !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
    pointer-events: none !important;
}

/* حالت هاور کادر سرچ */
.woodix-pure-search:hover {
    width: 220px !important; 
    background-color: #FDF8F2 !important; /* هم‌رنگ پس‌زمینه هدر */
    border: 1.5px solid #4A2E1B !important; /* مرز چوبی تیره */
}

.woodix-pure-search:hover::after {
    opacity: 1 !important; /* ظاهر شدن متن با هاور */
}

.woodix-pure-search:hover i, .woodix-pure-search:hover svg {
    color: #7A5235 !important; /* روشن‌تر شدن آیکون در هاور */
}

/* ==========================================
   ۴. منوی تمام چوبی با افکت خط متحرک اصیل
   ========================================== */
.woodix-menu .elementor-item {
    color: #4A2E1B !important; /* متن منو قهوه‌ای تیره */
    font-weight: bold !important;
    position: relative;
    transition: color 0.3s ease !important;
}

/* ساخت خط زیرین آیتم‌های منو */
.woodix-menu .elementor-item::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #7A5235 !important; /* خط چوبی روشن‌تر */
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

/* انیمیشن باز شدن خط زیر منو */
.woodix-menu .elementor-item:hover::after,
.woodix-menu .elementor-item.elementor-item-active::after {
    width: 80%;
}

.woodix-menu .elementor-item:hover,
.woodix-menu .elementor-item.elementor-item-active {
    color: #7A5235 !important;
}

/* ==========================================
   ۵. دکمه ورود کپسولی تمام چوبی
   ========================================== */
.login-btn a, .login-btn button {
    background-color: #7A5235 !important; /* چوبی شکلاتی */
    color: #FDF8F2 !important; /* متن کرمی روشن */
    border-radius: 25px !important; 
    padding: 11px 24px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 6px rgba(74, 46, 27, 0.08) !important;
    transition: all 0.3s ease !important;
}

/* هاور دکمه ورود */
.login-btn a:hover, .login-btn button:hover {
    background-color: #4A2E1B !important; /* تبدیل به چوبی تیره در هاور */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(74, 46, 27, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b77f01 *//* فیکس کردن نمایش هدر موبایل در یک خط افقی و حذف اسکرول زاید */
@media (max-width: 1024px) {
    .elementor-3795 .elementor-element.elementor-element-0b77f01 {
        display: flex !important;
        flex-direction: row-reverse !important; /* چینش راست به چپ المان‌ها */
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* فیکس کردن تراز منوی همبرگری */
    .elementor-3795 .elementor-element.elementor-element-0b77f01 .elementor-widget-nav-menu .elementor-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #7A5235; /* رنگ بک‌گراند منوی همبرگری مثل دکمه دسکتاپ */
        color: #FDF8F2 !important; /* رنگ سه خط همبرگری */
        padding: 8px !important;
        border-radius: 6px !important;
    }
}/* End custom CSS */