/* Search bar solid background & comfortable padding (both themes) */
.feed-mobile-search{
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
    box-sizing: border-box !important;
    transition: background-color .2s ease, box-shadow .2s ease;
}
body.fx-theme-dark .feed-mobile-search{
    background: #18191a !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 2px 10px rgba(0,0,0,.35);
}

/* MOBILE: sticky pinned to the top with safe-area support and comfortable padding */
@media (max-width: 767.98px){
    .feed-mobile-search{
        position: sticky !important;
        top: 0 !important;
        left: 0;
        right: 0;
        z-index: 1030;
        padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
        padding-bottom: 10px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}
@media (min-width: 768px){
    .feed-mobile-search{
        position: relative !important;
        border-radius: 0 !important;
        margin: 0 !important;
        border: 1px solid rgba(138, 150, 163, 0.25) !important;
        padding: 14px 20px !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
    }
    body.fx-theme-dark .feed-mobile-search{
        border: 1px solid rgba(255,255,255,.1) !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
    }
}

.search-box-wrapper{

}

.user-search-box-item{

}

.user-search-box-item .avatar{
    width: 54px;
    height: 54px;
}

.search-back-button{
    width: 40px;
    height: 40px;
}

.mobile-search-filter .card{
    border-left:none!important;
    border-right:none!important;
    border-top:none!important;
    border-radius: 0px!important;
}

@media (max-width: 767.98px){
    .feed-mobile-search .search-back-button{
        width: 30px;
        height: 30px;
    }

    .feed-mobile-search .search-box-wrapper .input-group input.mobile-search-input{
        font-size: .9rem;
    }

    .mobile-search-content-offset{
        padding-top: 0 !important;
    }

    .search-results-column{
        padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* Search progress bar: thin animated line on the bottom of the input while searching */
.search-box-wrapper .input-group { position: relative; }
.search-box-wrapper.is-searching .input-group::after {
    content: "";
    position: absolute;
    left: 12px; right: 12px; bottom: 1px;   /* inset by the corner radius so it stays inside the rounded box */
    height: 2px; width: auto;
    border-radius: 2px;                       /* rounded ends, never past the corners */
    background: #d10054;
    animation: fxSearchBar 1.1s ease-in-out infinite;
    transform-origin: left;
    z-index: 5;
}
/* dropdown open => input bottom corners are square, bar can go full-width */
.search-box-wrapper.is-open.is-searching .input-group::after {
    left: 0; right: 0; bottom: 0;
    border-radius: 0;
}
@keyframes fxSearchBar {
    0%   { transform: scaleX(0);   transform-origin: left; }
    50%  { transform: scaleX(1);   transform-origin: left; }
    51%  { transform: scaleX(1);   transform-origin: right; }
    100% { transform: scaleX(0);   transform-origin: right; }
}

/* Suggestion carousel prev/next arrows (match the header pill icons) */
.fx-sugg-prev.swiper-button-disabled,
.fx-sugg-next.swiper-button-disabled { opacity: .35; pointer-events: none; }