/* Фильтры каталога — отдельный файл, не зависит от пересборки Tailwind */

.catalog-filter-option {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #a8a29e;
  transition: color 0.2s ease;
}

.catalog-filter-option:hover {
  color: #e7e5e4;
}

.catalog-filter-option:has(.catalog-filter-input:checked) {
  color: #dfc06e;
}

input.catalog-filter-input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin: 0;
  cursor: pointer;
  border-radius: 9999px;
  border: 2px solid rgb(146 64 14 / 0.5);
  background-color: rgb(16 14 11 / 0.8);
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

input.catalog-filter-input[type="checkbox"]:hover {
  border-color: rgb(232 184 109 / 0.45);
}

input.catalog-filter-input[type="checkbox"]:checked {
  border-color: rgb(201 169 98 / 0.7);
  background-color: #c9a962;
  box-shadow: inset 0 0 0 2px #100e0b;
}

input.catalog-filter-input[type="checkbox"]:focus {
  outline: none;
}

input.catalog-filter-input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow:
    inset 0 0 0 2px #100e0b,
    0 0 0 2px rgb(16 14 11),
    0 0 0 4px rgb(232 184 109 / 0.35);
}

input.catalog-filter-input[type="checkbox"]:checked:focus-visible {
  background-color: #c9a962;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */