﻿/**
 * Стили фильтра
 * Определяет внешний вид полей ввода в секции фильтрации
 */

/* Поле поиска в фильтре */
.section-filter .k-grid-search input,
.section-filter .k-input-inner {
  min-width: 350px;
  flex-grow: 2;
}

/* Убираем лишний border с обёрток */
.section-filter .k-grid-search {  
  border: none !important;
}

.section-filter form {
    margin-block-end: 0;
}

/* Убираем padding .k-input-values — он добавляет лишнюю высоту */
.section-filter .k-textbox .k-input-values,
.section-filter .k-input-solid .k-input-values {
  padding: 0 !important;
  gap: 0 !important;
}

/* Единый бордер для полей фильтра */
.section-filter .k-textbox,
.section-filter .k-input-solid {
  border: 1px solid var(--cms-filter-border-color, #dee2e6) !important;
}

/* Убираем внутренний бордер/outline у input внутри texbox */
.section-filter .k-textbox .k-input-inner,
.section-filter .k-input-solid .k-input-inner {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0.375rem 0.75rem !important;
}

/* Состояние фокуса для полей ввода */
.k-input-solid:focus-within {
  border-color: var(--cms-input-focus-border, #86b7fe);
  color: var(--cms-input-color, #495057);
  background-color: var(--cms-input-bg, #fff);
  box-shadow: 0 0 0 0.05rem var(--cms-primary, #0d6efd);
}
