/* MenuPlus — ortak form alanı ölçüleri (telefon ile uyumlu) */
:root {
  --mp-field-h: 40px;
  --mp-field-radius: 10px;
  --mp-field-border: #e9ecef;
  --mp-field-border-focus: #ff720d;
  --mp-field-ring: rgba(255, 114, 13, 0.22);
  --mp-field-px: 0.8rem;
  --mp-field-fs: 0.9rem;
  --mp-field-label-mb: 0.35rem;
}

[data-theme="dark"] {
  --mp-field-border: #544a43;
  --mp-field-ring: rgba(255, 114, 13, 0.28);
}

.form-label {
  margin-bottom: var(--mp-field-label-mb);
  font-weight: 600;
  font-size: 0.875rem;
}

.form-control,
.form-select {
  min-height: var(--mp-field-h);
  height: var(--mp-field-h);
  padding: 0 var(--mp-field-px);
  border: 2px solid var(--mp-field-border);
  border-radius: var(--mp-field-radius);
  font-size: var(--mp-field-fs);
  line-height: 1.25;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

textarea.form-control {
  height: auto;
  min-height: 96px;
  padding: 0.65rem var(--mp-field-px);
  line-height: 1.45;
  resize: vertical;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--mp-field-border-focus);
  box-shadow: 0 0 0 0.2rem var(--mp-field-ring);
}

.form-control.is-invalid,
.form-select.is-invalid {
  border-color: #dc3545;
}

.form-select {
  padding-right: 2.25rem;
  background-position: right 0.75rem center;
}

.form-control-sm,
.form-select-sm {
  min-height: 34px;
  height: 34px;
  padding: 0 0.65rem;
  font-size: 0.82rem;
  border-radius: 8px;
}

.form-control-lg,
.form-select-lg {
  min-height: 48px;
  height: 48px;
  padding: 0 1rem;
  font-size: 1rem;
}

.input-group {
  min-height: var(--mp-field-h);
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .btn,
.input-group > .input-group-text {
  min-height: var(--mp-field-h);
  height: var(--mp-field-h);
}

.input-group-text {
  padding: 0 0.75rem;
  border: 2px solid var(--mp-field-border);
  border-radius: var(--mp-field-radius);
  font-size: var(--mp-field-fs);
  background: transparent;
}

.input-group > :not(:first-child):not(.dropdown-menu) {
  margin-left: -2px;
}

.form-control::file-selector-button {
  height: calc(var(--mp-field-h) - 4px);
  margin: -1px 0.75rem -1px calc(-1 * var(--mp-field-px) + 2px);
  padding: 0 0.85rem;
  border: 0;
  border-right: 2px solid var(--mp-field-border);
  border-radius: calc(var(--mp-field-radius) - 2px) 0 0 calc(var(--mp-field-radius) - 2px);
  font-size: 0.84rem;
}