/* ==========================================================================
   v1.2.0-fix327
   Headquarters store management:
   smartphone status filters are always visible as 2 columns x 2 rows.
   ========================================================================== */

@media (max-width:760px){
  .hq-store-management-page #hqStoreStatusFilters{
    width:100%;
    overflow:visible!important;
  }

  .hq-store-management-page #hqStoreStatusFilters .hq-store-status-filters{
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
    margin:0 0 8px!important;
    scrollbar-width:none!important;
  }

  .hq-store-management-page #hqStoreStatusFilters .hq-store-status-filters::-webkit-scrollbar{
    display:none!important;
  }

  .hq-store-management-page #hqStoreStatusFilters .state-btn{
    width:100%!important;
    min-width:0!important;
    min-height:44px;
    margin:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:9px 8px;
    white-space:nowrap;
    text-align:center;
  }

  .hq-store-management-page #hqStoreStatusFilters .state-btn small{
    flex:0 0 auto;
  }
}