/* ==========================================================
   /modules/kategori/css/11-forms.css  (FULL PRO)
   - Filtre input/select + genel form alanları
   - Kurumsal border, focus, placeholder, number input fix
   ========================================================== */

/* Label */
.kategori-page label{
  font-size: .85rem;
  font-weight: 900;
  color: var(--muted);
  letter-spacing: -0.01em;
}

/* Ortak alanlar */
.kategori-page :is(input,select,textarea){
  width:100%;
  min-width:0;

  height: 42px;
  padding: 0 12px;

  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);

  font-weight: 800;
  font-size: .95rem;

  outline: none;
  box-shadow: none;

  transition:
    border-color var(--t) var(--ease),
    box-shadow var(--t) var(--ease),
    background var(--t) var(--ease);
}

/* Textarea gerekiyorsa */
.kategori-page textarea{
  height:auto;
  padding: 10px 12px;
  min-height: 110px;
  resize: vertical;
}

/* Placeholder */
.kategori-page :is(input,textarea)::placeholder{
  color: var(--hint);
  font-weight: 700;
}

/* Focus */
.kategori-page :is(input,select,textarea):focus-visible{
  border-color: rgba(37,99,235,.55);
  box-shadow: var(--focus);
}

/* Disabled */
.kategori-page :is(input,select,textarea):disabled{
  background: rgba(15,23,42,.03);
  color: rgba(15,23,42,.55);
  cursor: not-allowed;
}

/* Select görünümü */
.kategori-page select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding-right: 44px; /* ok alanı */
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(15,23,42,.55) 50%),
    linear-gradient(135deg, rgba(15,23,42,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* Option taşmalarını azalt */
.kategori-page select option{
  white-space: normal;
}

/* Number input oklarını düzenle (Chrome/Safari) */
.kategori-page input[type="number"]::-webkit-outer-spin-button,
.kategori-page input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.kategori-page input[type="number"]{
  -moz-appearance: textfield; /* Firefox */
}

/* Search input - net görünsün */
.kategori-page input[type="search"]{
  -webkit-appearance: none;
}

/* Small yardımcı class: sık kullanılan grup */
.kategori-page .f-group{
  display:flex;
  flex-direction:column;
  gap: 6px;
  min-width:0;
}

/* Filtre içi alanların hover hissi */
.kategori-page .f-group :is(input,select):hover{
  border-color: rgba(15,23,42,.18);
}

/* Mobilde dokunmatik için */
@media (max-width: 920px){
  .kategori-page :is(input,select,textarea){
    height: 44px;
  }
}