/*
 * Copyright (c) 2026, Salesforce, Inc.,
 * All rights reserved.
 * For full license text, see the LICENSE.txt file
 */

/**
 * Textarea base — paint surface for the theme layer.
 *
 * Reads only canonical `--slds-c-textarea-*` hooks. State paint
 * (`:focus`, `:focus:invalid`, `[disabled]`, `[readonly]`,
 * `.slds-has-error`) is driven from the per-theme files by
 * reassigning the canonical hooks under each pseudo-class /
 * attribute-selector / state-context wrapper. Concrete values live
 * in `themes/<theme>.css`.
 */

.slds-textarea {
  min-height: var(--slds-c-textarea-sizing-min-height);
  width: 100%;
  padding-block-start: var(--slds-c-textarea-spacing-block-start, var(--slds-c-textarea-spacing-block));
  padding-block-end: var(--slds-c-textarea-spacing-block-end, var(--slds-c-textarea-spacing-block));
  padding-inline-start: var(--slds-c-textarea-spacing-inline-start, var(--slds-c-textarea-spacing-inline));
  padding-inline-end: var(--slds-c-textarea-spacing-inline-end, var(--slds-c-textarea-spacing-inline));
  background-color: var(--slds-c-textarea-color-background);
  color: var(--slds-c-textarea-color-foreground);
  border-style: solid;
  border-width: var(--slds-c-textarea-sizing-border);
  border-color: var(--slds-c-textarea-color-border, transparent);
  border-radius: var(--slds-c-textarea-radius-border);
  box-shadow: var(--slds-c-textarea-shadow);
  font: inherit;
  resize: vertical;
  transition: background-color 0.1s linear;
}

@media (pointer: coarse) and (hover: none) {
  .slds-textarea {
    font-size: var(--slds-c-textarea-font-size-coarse);
  }
}

.slds-textarea:focus,
.slds-textarea:active {
  background-color: var(--slds-c-textarea-color-background-focus);
  border-color: var(--slds-c-textarea-color-border-focus, transparent);
  outline: 0;
}

.slds-textarea:focus-visible {
  box-shadow: var(--slds-c-textarea-shadow-focus);
  border-color: var(--slds-c-textarea-color-border-focus, transparent);
  background-clip: padding-box;
  outline: 0;
}