/**
 * Inputs — search, text, forms (shared chrome)
 */

.canevi-input,
.canevi-search-overlay__input {
  flex: 1;
  border: 0;
  background: transparent;
  font: inherit;
  color: var(--text);
  min-width: 0;
  padding: var(--space-sm) var(--space-xs);
}

.canevi-input:focus,
.canevi-search-overlay__input:focus {
  outline: none;
}

.canevi-input::placeholder,
.canevi-search-overlay__input::placeholder {
  color: var(--placeholder);
}

.canevi-field {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  background: var(--bg-soft);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-pill);
  padding: var(--space-sm-minus) var(--space-sm-minus) var(--space-sm-minus) var(--space-lg);
  min-height: var(--control-h-lg);
  transition: border-color var(--transition-focus), box-shadow var(--transition-focus);
}

.canevi-field:focus-within {
  border-color: var(--brand-dark);
  box-shadow: var(--shadow-focus);
}

.canevi-field.is-error {
  border-color: var(--danger);
}

.canevi-field.is-success {
  border-color: var(--success);
}

.canevi-field__icon {
  color: var(--text-muted);
}

.canevi-field--disabled {
  opacity: var(--opacity-disabled);
  pointer-events: none;
}

.canevi-search-overlay__form {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  background: var(--bg-soft);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-pill);
  padding: var(--space-sm-minus) var(--space-sm-minus) var(--space-sm-minus) var(--space-lg);
  min-height: var(--control-h-lg);
}

.canevi-search-overlay__form:focus-within {
  border-color: var(--brand-dark);
  box-shadow: var(--shadow-focus);
}

.canevi-search-overlay__icon {
  color: var(--text-muted);
}

.canevi-search-overlay__submit {
  flex-shrink: 0;
  min-height: var(--control-h-sm);
  padding: 0 var(--space-lg);
}