/* views-exposed-form 

.views-exposed-form { margin-bottom: 20px; }
.views-exposed-form input[type="text"] { max-width: 300px !important; }
.books .views-exposed-form label {
  display: inline-block;
    line-height: 38px;
    margin-right: 5px;
}
.books .views-exposed-form input[type="text"] { display: inline-block; }
@media only screen and (min-width: 940px) {
  .books .views-exposed-form { display: flex; }
  .books .views-exposed-form .form-item-field-year-value { width: 516px; }
}

*/


/* Контейнер формы фильтрации каталога */
#views-exposed-form-knigi-page-1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end; /* Выравнивает текстовое поле и кнопку по нижней линии */
  gap: 14px 16px;
  padding: 18px 22px;
  margin-bottom: 24px;
  background-color: #faf9f6; /* Единый фон с карточками книг */
  border: 1px solid #e6e2d8;
  border-radius: 8px;
}

/* Обертка поля ввода */
#views-exposed-form-knigi-page-1 .form-item {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Заголовок поля (сбрасываем конфликтующие стили Bulma) */
#views-exposed-form-knigi-page-1 label {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #5c5852;
  line-height: 1.3;
}

/* Поле ввода года */
#views-exposed-form-knigi-page-1 input.form-text {
  height: 40px;
  width: 220px;
  padding: 0 14px;
  font-size: 18px;
  color: #222222;
  background-color: #ffffff;
  border: 1px solid #d5cfc2;
  border-radius: 6px;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#views-exposed-form-knigi-page-1 input.form-text:focus {
  outline: none;
  border-color: #8c4a27;
  box-shadow: 0 0 0 3px rgba(140, 74, 39, 0.15);
}

/* Контейнер кнопок */
#views-exposed-form-knigi-page-1 .form-actions {
  margin: 0;
  display: flex;
  gap: 10px;
}

/* Кнопка «Применить» */
#views-exposed-form-knigi-page-1 input.form-submit {
  height: 40px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background-color: #8c4a27; /* Фирменный терракотовый цвет */
  border: 1px solid #8c4a27;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

#views-exposed-form-knigi-page-1 input.form-submit:hover {
  background-color: #70391c;
  border-color: #70391c;
}

#views-exposed-form-knigi-page-1 input.form-submit:active {
  transform: translateY(1px);
}

/* =========================================
   Мобильная версия (экраны меньше 520px)
   ========================================= */
@media (max-width: 520px) {
  #views-exposed-form-knigi-page-1 {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
    gap: 12px;
  }

  #views-exposed-form-knigi-page-1 input.form-text {
    width: 100%;
  }

  #views-exposed-form-knigi-page-1 .form-actions {
    width: 100%;
  }

  #views-exposed-form-knigi-page-1 input.form-submit {
    width: 100%;
  }
}