.elementor-11439 .elementor-element.elementor-element-ba181e8{--swiper-slides-to-display:3;--swiper-slides-gap:30px;width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;--swiper-pagination-size:13px;--dots-normal-color:var( --e-global-color-dee5b97 );--dots-hover-color:var( --e-global-color-dee5b97 );--swiper-pagination-spacing:32px;}.elementor-11439 .elementor-element.elementor-element-ba181e8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11439 .elementor-element.elementor-element-ba181e8 .swiper-slide > .elementor-element{height:100%;}.elementor-11439 .elementor-element.elementor-element-ba181e8 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:13px;--swiper-pagination-bullet-vertical-gap:13px;}@media(max-width:1024px){.elementor-11439 .elementor-element.elementor-element-ba181e8{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-11439 .elementor-element.elementor-element-d149988 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11439 .elementor-element.elementor-element-ba181e8{--swiper-slides-to-display:1;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-11439 .elementor-element.elementor-element-ba181e8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for sidebar, class: .elementor-element-d149988 */:root {
    --bg-search-box: #ffffff;
    --border-black: #000000;
    --bg-badge-count: #ffde21;
    --text-badge-count: #333333;
    --accent-yellow: #ffde21;
}

/* ۱. حذف قطعی کادر، پدینگ و پس‌زمینه از تمام کانتینرهای بیرونی سرچ */
.elementor-widget-sidebar .widget_search,
.elementor-widget-sidebar .wp-block-search,
.sidebar .widget_search,
.widget.widget_search,
div[class*="search"] {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ۲. اعمال کادر مشکی فقط روی ویجت‌های غیر سرچ (دسته‌بندی، مقالات و...) */
.elementor-widget-sidebar .widget:not(.widget_search):not(.wp-block-search),
.sidebar .widget:not(.widget_search):not(.wp-block-search) {
    border: 1px solid var(--border-black) !important;
    border-radius: 20px !important;
    padding: 20px !important;
    background-color: #ffffff !important;
    margin-bottom: 25px !important;
    box-sizing: border-box !important;
    clear: both !important;
}

/* ۳. ایجاد تنها تک‌کادر کپسولی استاندارد برای سرچ */
.elementor-widget-sidebar form.search-form,
.elementor-widget-sidebar .wp-block-search__inside-wrapper,
.elementor-widget-sidebar .search-form,
.widget_search form {
    position: relative !important;
    background-color: var(--bg-search-box) !important;
    border: 2px solid var(--border-black) !important;
    border-radius: 50px !important;
    padding: 2px 6px 2px 45px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    margin-bottom: 25px !important;
    width: 100% !important;
    height: 46px !important;
}

/* ورودی متن سرچ */
.elementor-widget-sidebar input[type="search"],
.elementor-widget-sidebar .wp-block-search__input,
.elementor-widget-sidebar form.search-form input,
.widget_search input[type="search"] {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 13px !important;
    color: #444444 !important;
    width: 100% !important;
    padding: 0 10px !important;
    box-shadow: none !important;
    height: 100% !important;
}

/* دکمه دایره‌ای زرد سرچ */
.elementor-widget-sidebar button[type="submit"],
.elementor-widget-sidebar .wp-block-search__button,
.elementor-widget-sidebar form.search-form button,
.widget_search button[type="submit"] {
    position: absolute !important;
    left: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    background-color: var(--accent-yellow) !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #000000 !important;
    z-index: 2 !important;
}

/* تنظیم آیکون ذره‌بین */
.elementor-widget-sidebar button[type="submit"] i,
.elementor-widget-sidebar button[type="submit"] svg,
.elementor-widget-sidebar .wp-block-search__button svg,
.widget_search button i {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

/* ۴. عناوین کپسولی مشکی */
.elementor-widget-sidebar h2,
.elementor-widget-sidebar h3,
.elementor-widget-sidebar .widget-title,
.elementor-widget-sidebar h2.widgettitle {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-align: center !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ۵. لیست دسته‌بندی‌ها و بج‌های زرد */
.elementor-widget-sidebar ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-widget-sidebar li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px dashed #f0f0f0 !important;
}

.elementor-widget-sidebar li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.elementor-widget-sidebar li span,
.elementor-widget-sidebar li a + span,
.elementor-widget-sidebar .count {
    background-color: var(--bg-badge-count) !important;
    color: var(--text-badge-count) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    display: inline-block !important;
}/* End custom CSS */