.eshop-header-block, .eshop-header-block .search-bar {
  background-color:                                         $secondary;
}


.eshop-header .search-bar {
  .order-for-prepend-text {
    border-radius:                                          0.25rem 0 0 0.25rem;
  }
  .order-for-auto-complete-input:focus {
    outline-style:                                          none
  }

  @include                                                  media-breakpoint-down(sm) {
    position:                                               sticky;
    margin-top:                                             $eshop-top-menu-mobile-height;
    z-index:                                                100000 - 1;
    height:                                                 $eshop-search-menu-mobile-height;
  }
}

// Handle page scroll up
@at-root {
  .scrolling-down.scroll-passed-header {
    @include                                                media-breakpoint-down(sm) {
      .eshop-header .search-bar {
        animation-name:                                     slideInDown;
        animation-duration:                                 $eshop-menu-mobile-slide-speed;
        animation-fill-mode:                                both;
        position:                                           fixed;
        top:                                                0px;
        left:                                               0px;
        z-index:                                            100001;
      }
    }
  }
}
