/* =============================================================================
 * KDOCK — Products listing: search + sort toolbar (added 2026-06)
 * Standalone file (loaded after products.css) so it survives any asset rebuild.
 * Styles the search field + sort dropdown to match the existing filter bars.
 * ========================================================================== */

section.sect-container.sect-products .filters-container .products-toolbar {
  grid-column: 1 / -1;            /* full width even when the sidebar is a 2-col grid */
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

/* --- Search field --- */
section.sect-container.sect-products .filters-container .products-toolbar .search-block {
  display: flex;
  border: 1px solid #b8d0df;
  background: #EDF3F7;
  overflow: hidden;
}
section.sect-container.sect-products .filters-container .products-toolbar .search-block input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 12px 14px;
  font-size: 16px;
  font-weight: 500;
  color: #202747;
}
section.sect-container.sect-products .filters-container .products-toolbar .search-block input::placeholder {
  color: #6d8aa1;
  font-weight: 400;
}
section.sect-container.sect-products .filters-container .products-toolbar .search-block input:focus {
  outline: none;
}
section.sect-container.sect-products .filters-container .products-toolbar .search-block button {
  flex: 0 0 auto;
  border: 0;
  background: #0c5f97;
  color: #fff;
  padding: 0 18px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}
section.sect-container.sect-products .filters-container .products-toolbar .search-block button:hover {
  background: #ffd753;
  color: #202747;
}

/* --- Sort dropdown : styled like a .filters-block-title bar --- */
section.sect-container.sect-products .filters-container .products-toolbar .sort-block {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #dbe7ef;
  border-bottom: 3px solid #b8d0df;
  padding: 9px 12px;
}
section.sect-container.sect-products .filters-container .products-toolbar .sort-block label {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #467b9f;
  white-space: nowrap;
}
section.sect-container.sect-products .filters-container .products-toolbar .sort-block select {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #202747;
  font-weight: 500;
  cursor: pointer;
  padding: 4px 2px;
}
section.sect-container.sect-products .filters-container .products-toolbar .sort-block select:focus {
  outline: none;
}