/* هماهنگی ملایم جست‌وجوی سربرگ با فیلترهای بخش محصولات */
.azin-header .s-form .ajax-search-wrapper,
.azin-header .mobile-search .ajax-search-wrapper,
.azin-header .az-el-search .ajax-search-wrapper {
    display: flex !important;
    align-items: stretch;
    min-height: 43px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e1e8eb !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.azin-header .s-form .ajax-search-wrapper .s-select,
.azin-header .mobile-search .ajax-search-wrapper .s-select,
.azin-header .az-el-search .ajax-search-wrapper .s-select {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    min-width: 112px;
    max-width: 190px;
    margin: 0 !important;
    border: 0 !important;
    border-left: 1px solid #e8edef !important;
    background: #f8fbfa !important;
}

.azin-header .ajax-search-wrapper .s-select select,
.azin-header .ajax-search-wrapper select.product_cat,
.azin-header .ajax-search-wrapper select[name="product_cat"] {
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 43px;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    color: #44515a;
    background: transparent !important;
    font: inherit;
    font-size: 12px;
    box-shadow: none !important;
}

.azin-header .s-form .ajax-search-wrapper input.form-control,
.azin-header .mobile-search .ajax-search-wrapper input.form-control,
.azin-header .az-el-search .ajax-search-wrapper input.form-control {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: auto;
    min-height: 43px;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    color: #34404a;
    background: #fff !important;
    font: inherit;
    font-size: 13px;
    box-shadow: none !important;
}

.azin-header .ajax-search-wrapper input.form-control::placeholder {
    color: #9aa5ac;
    opacity: 1;
}

.azin-header .ajax-search-wrapper input.form-control:focus,
.azin-header .ajax-search-wrapper .s-select select:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

.azin-header .ajax-search-wrapper .input-group-append {
    display: flex;
    align-items: stretch;
    margin: 0 !important;
}

.azin-header .ajax-search-wrapper .btn-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    height: auto;
    min-height: 43px;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 10px 0 0 10px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    color: #fff !important;
    background: var(--azin-main-color, #19b99a) !important;
    box-shadow: none !important;
    transition: background-color .16s ease;
}

.azin-header .ajax-search-wrapper .btn-search:hover,
.azin-header .ajax-search-wrapper .btn-search:focus-visible {
    color: #fff !important;
    background: #128f79 !important;
    transform: none !important;
    box-shadow: none !important;
}

.azin-header .ajax-search-wrapper:focus-within {
    border-color: var(--azin-main-color, #19b99a) !important;
    box-shadow: 0 0 0 3px rgba(25, 185, 154, .09) !important;
}

@media (max-width: 767px) {
    .azin-header .mobile-search .ajax-search-wrapper,
    .azin-header .mobile-search .msform .ajax-search-wrapper {
        min-height: 41px;
        border-radius: 9px !important;
    }

    .azin-header .mobile-search .ajax-search-wrapper .s-select {
        min-width: 88px;
        max-width: 118px;
    }

    .azin-header .mobile-search .ajax-search-wrapper .s-select select,
    .azin-header .mobile-search .ajax-search-wrapper input.form-control,
    .azin-header .mobile-search .ajax-search-wrapper .btn-search {
        min-height: 41px;
        font-size: 11px;
    }

    .azin-header .mobile-search .ajax-search-wrapper input.form-control {
        padding-right: 9px !important;
        padding-left: 9px !important;
    }
}


/* شمارنده تعداد محصولات در کنار نام دسته‌های منو */
.azin-navbar .afz-menu-product-count,
.azin-header .afz-menu-product-count,
.azin-mobile-menu .afz-menu-product-count,
.footer-nav .afz-menu-product-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-right: 6px;
    padding: 0 5px;
    border: 1px solid rgba(25, 185, 154, .18);
    border-radius: 20px;
    color: var(--azin-main-color, #128f79);
    background: rgba(25, 185, 154, .09);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .azin-mobile-menu .afz-menu-product-count {
        min-width: 20px;
        height: 20px;
        margin-right: 5px;
        font-size: 10px;
    }
}

/* تثبیت هندسه دکمه جست‌وجو؛ باز شدن فهرست دسته‌ها نباید اندازه دکمه را تغییر دهد. */
.azin-header .s-form .ajax-search-wrapper .input-group-append,
.azin-header .mobile-search .ajax-search-wrapper .input-group-append,
.azin-header .az-el-search .ajax-search-wrapper .input-group-append,
.azin-header .ajax-search-wrapper > .input-group-btn{
    display:flex!important;
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:auto!important;
    min-height:43px!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    box-sizing:border-box!important;
}
.azin-header .s-form .ajax-search-wrapper .btn-search,
.azin-header .mobile-search .ajax-search-wrapper .btn-search,
.azin-header .az-el-search .ajax-search-wrapper .btn-search,
.azin-header .ajax-search-wrapper > .input-group-btn > .btn-search{
    display:flex!important;
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:auto!important;
    min-height:43px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:10px 0 0 10px!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    outline:0!important;
    transform:none!important;
    box-shadow:none!important;
    line-height:1!important;
}
.azin-header .ajax-search-wrapper .btn-search:focus,
.azin-header .ajax-search-wrapper .btn-search:active,
.azin-header .ajax-search-wrapper .btn-search:focus-visible,
.azin-header .ajax-search-wrapper .btn-search:hover{
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    padding:0!important;
    transform:none!important;
    box-shadow:none!important;
    outline:0!important;
}
.azin-header .ajax-search-wrapper .s-select:has(.afz-search-category-picker){
    flex:0 0 136px!important;
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    flex-shrink:0!important;
    box-sizing:border-box!important;
}
.azin-header .ajax-search-wrapper input.form-control{
    flex:1 1 0!important;
    width:0!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
@media(max-width:767px){
    .azin-header .mobile-search .ajax-search-wrapper .input-group-append,
    .azin-header .mobile-search .ajax-search-wrapper > .input-group-btn,
    .azin-header .mobile-search .ajax-search-wrapper .btn-search{
        flex-basis:42px!important;
        width:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        min-height:41px!important;
    }
    .azin-header .mobile-search .ajax-search-wrapper .s-select:has(.afz-search-category-picker){
        flex-basis:104px!important;
        width:104px!important;
        min-width:104px!important;
        max-width:104px!important;
    }
}


/* دکمه جست‌وجو یک سطح بصری واحد دارد؛ wrapper فقط اندازه را نگه می‌دارد و پس‌زمینه جداگانه ندارد. */
.azin-header .ajax-search-wrapper .input-group-append,
.azin-header .ajax-search-wrapper > .input-group-btn{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.azin-header .ajax-search-wrapper .btn-search::before,
.azin-header .ajax-search-wrapper .btn-search::after{
    content:none!important;
    display:none!important;
}
@media(max-width:767px){
    .azin-header .mobile-search .ajax-search-wrapper .btn-search{
        border-radius:9px 0 0 9px!important;
    }
}
