/* Strona /kategoria/marki – design/bionaturalnie-zmiany1.css (sekcja 9) */

:root {
  --bn-lime: #7fad39;
  --bn-green: #1f5a3f;
  --bn-sage: #f3f8f1;
  --bn-line: #e3ebe1;
  --bn-muted: #5b6a61;
}

.container:has(#manufacturersGrid) h2.fw-bold {
  color: var(--bn-green) !important;
  font-size: 28px;
  text-transform: none !important;
  letter-spacing: -0.01em;
  position: relative;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 12px;
}

.container:has(#manufacturersGrid) h2.fw-bold::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 48px;
  height: 3px;
  border-radius: 3px;
  background: var(--bn-lime);
  transform: translateX(-50%);
}

#manufacturerSearch {
  height: 44px;
  border: 1px solid var(--bn-line) !important;
  background: var(--bn-sage);
  border-radius: 999px 0 0 999px !important;
  padding-left: 18px;
}

#manufacturerSearch:focus {
  background: #fff;
  border-color: var(--bn-lime) !important;
  box-shadow: none;
}

#manufacturerSearch + .input-group-text {
  border: 1px solid var(--bn-line) !important;
  border-left: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: var(--bn-sage) !important;
  padding-right: 16px;
}

#manufacturerSearch + .input-group-text i {
  color: var(--bn-lime) !important;
}

#letterFilter .btn {
  border-radius: 999px;
  border-color: var(--bn-line);
  color: var(--bn-green);
  font-weight: 700;
  min-width: 36px;
  padding: 5px 10px;
  background: #fff;
}

#letterFilter .btn:hover {
  background: var(--bn-sage);
  border-color: var(--bn-lime);
  color: var(--bn-green);
}

#letterFilter .btn.active {
  background: var(--bn-green) !important;
  border-color: var(--bn-green) !important;
  color: #fff !important;
}

.manufacturer-item > a {
  border: 1px solid var(--bn-line);
  box-shadow: none !important;
  border-radius: 18px !important;
  transition: 0.15s;
}

.manufacturer-item > a:hover {
  border-color: var(--bn-lime);
  box-shadow: 0 14px 30px rgba(20, 61, 43, 0.1) !important;
  transform: translateY(-2px);
}

.manufacturer-item .ratio {
  background: #fff;
  border-radius: 12px;
}

.manufacturer-item h6 {
  font-size: 13.5px;
  color: var(--bn-green) !important;
  font-weight: 700 !important;
}

#noResults {
  color: var(--bn-muted) !important;
}

#noResults i {
  color: var(--bn-lime);
}