/* The HTML button exists on the server. CSS affects the mobile header only. */
@media (min-width:1025px) {
  .ff-mobile-search-trigger { display:none!important; }
}
@media (max-width:1024px) {
  .whb-mobile-right > .ff-mobile-search-trigger {
    display:inline-flex!important;
    appearance:none;
    -webkit-appearance:none;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    position:relative;
    z-index:2;
    flex:0 0 42px;
    width:42px;
    min-width:42px;
    height:44px;
    min-height:44px;
    padding:0!important;
    margin:0 4px 0 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:inherit!important;
    cursor:pointer;
    order:0;
    -webkit-tap-highlight-color:transparent;
  }
  .whb-mobile-right > .ff-mobile-search-trigger svg {
    width:23px;
    height:23px;
    min-width:23px;
    display:block!important;
    stroke:#333;
    fill:none;
    pointer-events:none;
  }
  .whb-mobile-right > .wd-header-cart { order:1; }
  .whb-mobile-right > .ff-mobile-search-trigger:focus-visible { outline:2px solid #347cb9; outline-offset:2px; }
}
