/**
 * @file
 * Modern textarea component styles.
 */

/* ============================================
   Textarea Component
   ============================================ */

@layer components {
  /* Textarea class - clean, flat design */
  .textarea {
    @apply block w-full px-4 py-3;
    @apply text-fluid-base text-gray-900;
    @apply bg-gray-50 border border-gray-200 rounded-lg;
    @apply placeholder:text-gray-400;
    @apply transition-smooth;
    @apply focus:outline-none focus:bg-white focus:border-gray-400;
    @apply disabled:bg-gray-100 disabled:text-gray-500 disabled:cursor-not-allowed;
    @apply min-h-[120px] resize-y;
  }

  /* Error state for textarea */
  .textarea-error {
    @apply border-error-500 text-error-900;
    @apply focus:border-error-500 focus:ring-error-500/20;
  }

  /* Success state for textarea */
  .textarea-success {
    @apply border-success-500;
    @apply focus:border-success-500 focus:ring-success-500/20;
  }
}

/* ============================================
   Legacy Drupal Textarea Wrapper
   ============================================ */

.form-textarea-wrapper textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}