.elementor-268 .elementor-element.elementor-element-be08054{--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;}.elementor-268 .elementor-element.elementor-element-c5a37fc{--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;}.elementor-268 .elementor-element.elementor-element-427be8a{--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;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-268 .elementor-element.elementor-element-2f34491.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-268 .elementor-element.elementor-element-02a382c{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-268 .elementor-element.elementor-element-be9130f{--display:flex;--position:absolute;--min-height:0px;top:0px;}body:not(.rtl) .elementor-268 .elementor-element.elementor-element-be9130f{left:0px;}body.rtl .elementor-268 .elementor-element.elementor-element-be9130f{right:0px;}.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-268 .elementor-element.elementor-element-427be8a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-be08054 *//* ==========================================================================
   بخش اول: حذف قطعی و دائمی ضربدر پیش‌فرض مرورگرها در کل فیلدهای جستجوی سایت
   ========================================================================== */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: none !important;
}


/* ==========================================================================
   بخش دوم: کانتینرهای اصلی هدرها (فیکس و تمام‌عرض در ابتدا)
   ========================================================================== */
.re-header-main,
.re-header-global {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* کانتینرهای داخلی هدرها در حالت عادی */
.re-header-main > .e-con-inner,
.re-header-global > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 24px 60px !important;
    background: transparent !important;
    border-radius: 0px !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ==========================================================================
   بخش سوم: افکت اسکرول هدرها (تبدیل به باکس شناور شیک وسط‌چین)
   ========================================================================== */
.re-header-main.re-header-scrolled > .e-con-inner,
.re-header-global.re-header-scrolled > .e-con-inner {
    width: 92% !important;
    max-width: 1240px !important;
    margin-top: 15px !important;
    background-color: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 100px !important;
    padding: 12px 32px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
}


/* ==========================================================================
   بخش چهارم: مدیریت ستون‌ها و اجزای هدر صفحه اصلی (re-header-main)
   ========================================================================== */

/* ۱. لوگو صفحه اصلی */
[data-id="aece93e"] {
    width: 20% !important;
    flex: 0 0 20% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

[data-id="aece93e"] img {
    width: 130px !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important; /* سفید شدن روی هیروی تاریک */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.re-header-scrolled [data-id="aece93e"] img {
    width: 115px !important;
    filter: none !important; /* رنگ اصلی در زمان اسکرول */
}

/* ۲. منوی وسط صفحه اصلی */
[data-id="5ef1462"] {
    width: 45% !important;
    flex: 0 0 45% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 28px !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-id="5ef1462"] h6 {
    color: #FFFFFF !important;
    font-size: 15px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    transition: color 0.3s ease !important;
    cursor: pointer;
}

[data-id="5ef1462"] h6:hover {
    color: #2563EB !important; /* هاور در حالت عادی */
}

.re-header-scrolled [data-id="5ef1462"] h6 {
    color: #0F172A !important;
}

.re-header-scrolled [data-id="5ef1462"] h6:hover {
    color: #2563EB !important; /* هاور در حالت اسکرول */
}

/* ۳. آیکون‌های تماس صفحه اصلی */
[data-id="15d12e4"] {
    width: 15% !important;
    flex: 0 0 15% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
}

[data-id="15d12e4"] .e-svg-base {
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
}

[data-id="15d12e4"] svg {
    width: 22px !important;
    height: 22px !important;
    color: #FFFFFF !important;
    cursor: pointer;
    transition: color 0.3s ease !important;
}

[data-id="15d12e4"] svg:hover {
    color: #2563EB !important;
}

.re-header-scrolled [data-id="15d12e4"] svg {
    color: #0F172A !important;
}

.re-header-scrolled [data-id="15d12e4"] svg:hover {
    color: #2563EB !important;
}

/* ۴. دکمه مشاوره صفحه اصلی */
[data-id="e9395d8"] {
    width: 20% !important;
    flex: 0 0 20% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

[data-id="e9395d8"] a.elementor-button {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--p-white, #FFFFFF) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-id="e9395d8"] a.elementor-button:hover {
    background-color: var(--p-white, #FFFFFF) !important;
    color: var(--p-secondary, #0F172A) !important;
    box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 25px !important;
    border-color: var(--p-white, #FFFFFF) !important;
}

.re-header-scrolled [data-id="e9395d8"] a.elementor-button {
    background-color: #2563EB !important;
    color: #FFFFFF !important;
    border-color: #2563EB !important;
}

.re-header-scrolled [data-id="e9395d8"] a.elementor-button:hover {
    background-color: #0F172A !important;
    color: #FFFFFF !important;
    border-color: #0F172A !important;
    box-shadow: rgba(15, 23, 42, 0.15) 0px 8px 20px !important;
}


/* ==========================================================================
   بخش پنجم: مدیریت ستون‌ها و اجزای هدر جهانی صفحات داخلی (re-header-global)
   ========================================================================== */

/* ۱. لوگو صفحات داخلی */
[data-id="02a382c"] {
    width: 25% !important;
    flex: 0 0 25% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

[data-id="02a382c"] img {
    width: 130px !important;
    height: auto !important;
    filter: none !important; /* بدون فیلتر جهت حفظ رنگ آبی اصلی لوگو */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.re-header-scrolled [data-id="02a382c"] img {
    width: 110px !important;
}

/* ۲. بخش باکس ورودی جستجوی هدر (وسط) */
[data-id="427be8a"] {
    width: 50% !important;
    flex: 0 0 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.re-header-search-wrapper {
    width: 100% !important;
    max-width: 420px !important; /* بزرگتر شده بر اساس فیدبک شما */
    background-color: #F3F4F6 !important;
    border-radius: 100px !important;
    padding: 4px !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.re-header-search-wrapper:focus-within {
    background-color: #FFFFFF !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08) !important;
    border-color: #2563EB !important;
}

.re-header-search-form {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    flex-direction: row-reverse !important; /* تراز دکمه به سمت چپ به صورت کاملاً استاندارد */
    gap: 4px !important;
}

.re-header-search-input {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #0F172A !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
}

.re-header-search-input::placeholder {
    color: #9CA3AF !important;
}

/* دکمه جستجو دایره‌ای کامل سمت چپ */
.re-header-search-submit {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    background-color: #2563EB !important;
    border: none !important;
    border-radius: 50% !important; /* تبدیل دکمه به دایره هندسی کامل */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    transition: background-color 0.2s ease !important;
}

.re-header-search-submit:hover {
    background-color: #1D4ED8 !important;
}

.re-header-search-submit svg {
    width: 14px !important;
    height: 14px !important;
    fill: #FFFFFF !important;
}

/* ۳. آیکون‌های تماس هدر صفحات داخلی (چپ) */
[data-id="c5a37fc"] {
    width: 25% !important;
    flex: 0 0 25% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 24px !important;
}

[data-id="c5a37fc"] .e-svg-base {
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
}

[data-id="c5a37fc"] svg {
    width: 22px !important;
    height: 22px !important;
    color: #0F172A !important;
    cursor: pointer;
    transition: color 0.3s ease !important;
}

[data-id="c5a37fc"] svg:hover {
    color: #2563EB !important;
}


/* ==========================================================================
   بخش ششم: استایل جعبه نمایش نتایج زنده (AJAX Live Search Box)
   ========================================================================== */
.re-live-search-results {
    position: absolute !important;
    top: 110% !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.1) !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    display: none;
    z-index: 99999 !important;
    padding: 8px 0 !important;
}

.re-live-search-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    border-bottom: 1px solid #F3F4F6 !important;
}

.re-live-search-item:last-child {
    border-bottom: none !important;
}

.re-live-search-item:hover {
    background-color: #F8FAFC !important;
}

.re-live-search-item img {
    width: 44px !important;
    height: 44px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
}

.re-live-search-item span {
    color: #0F172A !important;
    font-size: 13px !important;
    text-align: right !important;
}

.re-live-search-no-match {
    padding: 16px !important;
    color: #6B7280 !important;
    font-size: 13px !important;
    text-align: center !important;
}


/* ==========================================================================
   بخش هفتم: استایل‌های ریسپانسیو تبلت (Tablet Breakpoint - 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    /* تبلت - هدر صفحه اصلی */
    .re-header-main > .e-con-inner {
        padding: 20px 30px !important;
    }
    [data-id="aece93e"] { width: 18% !important; flex: 0 0 18% !important; }
    [data-id="5ef1462"] { width: 48% !important; flex: 0 0 48% !important; gap: 16px !important; }
    [data-id="15d12e4"] { width: 14% !important; flex: 0 0 14% !important; gap: 12px !important; }
    [data-id="e9395d8"] { width: 20% !important; flex: 0 0 20% !important; }
    [data-id="aece93e"] img { width: 105px !important; }
    [data-id="5ef1462"] h6 { font-size: 13px !important; }
    [data-id="15d12e4"] svg { width: 18px !important; height: 18px !important; }
    [data-id="e9395d8"] a.elementor-button { padding: 8px 14px !important; font-size: 12px !important; }

    /* تبلت - هدر جهانی صفحات داخلی */
    .re-header-global > .e-con-inner {
        padding: 20px 30px !important;
    }
    [data-id="02a382c"] { width: 22% !important; flex: 0 0 22% !important; }
    [data-id="427be8a"] { width: 54% !important; flex: 0 0 54% !important; }
    [data-id="c5a37fc"] { width: 24% !important; flex: 0 0 24% !important; gap: 16px !important; }
    [data-id="02a382c"] img { width: 110px !important; }
    [data-id="c5a37fc"] svg { width: 18px !important; height: 18px !important; }
    .re-header-search-wrapper { max-width: 280px; }
}


/* ==========================================================================
   بخش هشتم: استایل‌های ریسپانسیو موبایل (Mobile Breakpoint - 767px)
   ========================================================================== */
@media (max-width: 767px) {
    /* موبایل - هدر صفحه اصلی */
    .re-header-main > .e-con-inner {
        padding: 12px 20px !important;
    }
    [data-id="5ef1462"] { display: none !important; }
    [data-id="15d12e4"] { display: none !important; }
    [data-id="aece93e"] { width: 50% !important; flex: 0 0 50% !important; }
    [data-id="e9395d8"] { width: 50% !important; flex: 0 0 50% !important; }
    [data-id="aece93e"] img { width: 95px !important; }
    [data-id="e9395d8"] a.elementor-button { padding: 8px 16px !important; font-size: 12px !important; border-radius: 6px !important; }

    /* موبایل - هدر جهانی صفحات داخلی */
    .re-header-global > .e-con-inner {
        padding: 12px 20px !important;
    }
    [data-id="c5a37fc"] { display: none !important; }
    [data-id="02a382c"] { width: 35% !important; flex: 0 0 35% !important; }
    [data-id="427be8a"] { width: 65% !important; flex: 0 0 65% !important; }
    [data-id="02a382c"] img { width: 95px !important; }
    .re-header-search-wrapper { max-width: 100% !important; padding: 2px 2px 2px 8px !important; }
    .re-header-search-input { font-size: 11px !important; padding: 4px 6px !important; }
    .re-header-search-submit { width: 28px !important; height: 28px !important; }
}/* End custom CSS */