/* ══════════════════════════════════════════════
   bz-filter.css — стили верхнего фильтра туров
   ══════════════════════════════════════════════ */

/* ── Строка: 4 селекта + кнопка ── */
.bz-filter-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
  gap: 12px;
  align-items: flex-end;
}

.bz-filter-group {
  display: flex;
  flex-direction: column;
}

/* ── Метка над селектом ── */
.bz-filter-label {
  font-size: var(--text-xs, 12px);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-muted, #7a7974);
  margin-bottom: 8px;
}

/* ── Обёртка селекта (стрелка поверх) ── */
.bz-select-wrap {
  position: relative;
}

.bz-select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  padding: 10px 36px 10px 14px;
  border: 1.5px solid var(--color-divider, #d4d1ca);
  border-radius: 8px;
  background: var(--color-bg, #f7f6f2);
  color: var(--color-text, #28251d);
  font-family: var(--font-body, sans-serif);
  font-size: var(--text-sm, 14px);
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.15s;
  line-height: 1.4;
}

.bz-select:focus {
  outline: none;
  border-color: var(--color-primary, #01696f);
}

.bz-select-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--color-text-muted, #7a7974);
}

/* ── Кнопка ── */
.bz-filter-btn {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* ══ МОБИЛЬНАЯ АДАПТАЦИЯ ══ */
@media (max-width: 900px) {
  .bz-filter-row {
    grid-template-columns: 1fr 1fr;
  }
  .bz-filter-group--btn {
    grid-column: 1 / -1;
  }
  .bz-filter-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .bz-filter-row {
    grid-template-columns: 1fr;
  }
}