/*
Theme Name: Pixefy Child
Template: pixefy
Theme URI: https://pixefy.axiomthemes.com
Description: Pixefy is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AxiomThemes
Author URI: https://axiomthemes.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
/* --- ПАНЕЛЬ --- */
.shop-toolbar{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px 0;
  /* чтобы элементы не прыгали на вторую строку на широких экранах */
  flex-wrap: nowrap;
}

/* --- ПОИСК ПО ЦЕНТРУ --- */
.shop-toolbar .shop-toolbar-search{
  /* фиксируем разумную ширину поиска и центрируем auto-отступами */
  flex: 0 1 640px;         /* можно 560–680 по вкусу */
  min-width: 420px;
  max-width: 640px;
  margin-left: auto;       /* КЛЮЧ: центр между левым и правым блоками */
  margin-right: auto;
  order: 20;               /* порядок: слева иконки/счётчик (10), поиск (20), сортировка (30) */
}

/* --- СОРТИРОВКА СПРАВА --- */
.shop-toolbar .woocommerce-ordering{
  order: 30;
  margin: 0 !important;    /* убираем прежнее auto внутри панели */
  justify-self: flex-end;
}

/* (если используешь счётчик) оставим его слева */
.shop-toolbar .woocommerce-result-count{
  order: 10;
}

/* форма поиска */
.shop-toolbar .woocommerce-product-search{
  display: flex;
  gap: 10px;
}
.shop-toolbar .woocommerce-product-search .search-field{
  width: 100%;
  border-radius: 999px;
  padding: 10px 14px;
}
.shop-toolbar .woocommerce-product-search button{
  border-radius: 999px;
  padding: 10px 18px;
}

/* --- АДАПТИВ --- */
@media (max-width: 1024px){
  .shop-toolbar{
    flex-wrap: wrap;       /* разрешим перенос */
  }
  .shop-toolbar .shop-toolbar-search{
    flex-basis: 100%;
    min-width: 0;
    max-width: none;
    margin: 8px 0 0;       /* на мобиле — отдельной строкой */
    order: 20;
  }
  .shop-toolbar .woocommerce-ordering{
    margin-left: auto !important; /* прижать вправо на новой строке, если нужно */
  }
}