
/* ===== Textarea Sub-Component ===== */

/* --- Base --- */
.cc_ggwklva6_VBAjwasumI .kombos-textarea, .cc_ggwklva6_product_detail_reviews .kombos-textarea, .cc_ggwklva6_product_detail_option_set .kombos-textarea {
  display: flex;
  border: 1px solid var(--kombos-gray-200);
  border-radius: 6px;
  background: var(--kombos-white);
  transition: border-color 0.15s ease;
  width: 100%;
}

.cc_ggwklva6_VBAjwasumI .kombos-textarea:hover, .cc_ggwklva6_product_detail_reviews .kombos-textarea:hover, .cc_ggwklva6_product_detail_option_set .kombos-textarea:hover {
  border-color: var(--kombos-gray-300);
}

.cc_ggwklva6_VBAjwasumI .kombos-textarea:focus-within, .cc_ggwklva6_product_detail_reviews .kombos-textarea:focus-within, .cc_ggwklva6_product_detail_option_set .kombos-textarea:focus-within {
  border-color: var(--kombos-gray-900);
}

/* --- Sizes --- */
.cc_ggwklva6_VBAjwasumI .kombos-textarea--s, .cc_ggwklva6_product_detail_reviews .kombos-textarea--s, .cc_ggwklva6_product_detail_option_set .kombos-textarea--s {
  padding: 0.5625rem 0.8125rem;
}

.cc_ggwklva6_VBAjwasumI .kombos-textarea--xs, .cc_ggwklva6_product_detail_reviews .kombos-textarea--xs, .cc_ggwklva6_product_detail_option_set .kombos-textarea--xs {
  padding: 0.4375rem 0.75rem;
}

/* --- Native textarea --- */
.cc_ggwklva6_VBAjwasumI .kombos-textarea__native, .cc_ggwklva6_product_detail_reviews .kombos-textarea__native, .cc_ggwklva6_product_detail_option_set .kombos-textarea__native {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  color: var(--kombos-gray-900);
  padding: 0;
  resize: vertical;
  min-height: 5rem;
}

.cc_ggwklva6_VBAjwasumI .kombos-textarea__native::placeholder, .cc_ggwklva6_product_detail_reviews .kombos-textarea__native::placeholder, .cc_ggwklva6_product_detail_option_set .kombos-textarea__native::placeholder {
  color: var(--kombos-gray-400);
}

/* --- Status (standalone + inherited from FormItem) --- */
.kombos-textarea[data-state="error"],
.cc_ggwklva6_VBAjwasumI [data-state="error"] .kombos-textarea, .cc_ggwklva6_product_detail_reviews [data-state="error"] .kombos-textarea, .cc_ggwklva6_product_detail_option_set [data-state="error"] .kombos-textarea {
  border-color: var(--kombos-error);
}

.kombos-textarea[data-state="error"]:hover,
.kombos-textarea[data-state="error"]:focus-within,
[data-state="error"] .kombos-textarea:hover,
.cc_ggwklva6_VBAjwasumI [data-state="error"] .kombos-textarea:focus-within, .cc_ggwklva6_product_detail_reviews [data-state="error"] .kombos-textarea:focus-within, .cc_ggwklva6_product_detail_option_set [data-state="error"] .kombos-textarea:focus-within {
  border-color: var(--kombos-error);
}

.kombos-textarea[data-state="success"],
.cc_ggwklva6_VBAjwasumI [data-state="success"] .kombos-textarea, .cc_ggwklva6_product_detail_reviews [data-state="success"] .kombos-textarea, .cc_ggwklva6_product_detail_option_set [data-state="success"] .kombos-textarea {
  border-color: var(--kombos-success);
}

.kombos-textarea[data-state="success"]:hover,
.kombos-textarea[data-state="success"]:focus-within,
[data-state="success"] .kombos-textarea:hover,
.cc_ggwklva6_VBAjwasumI [data-state="success"] .kombos-textarea:focus-within, .cc_ggwklva6_product_detail_reviews [data-state="success"] .kombos-textarea:focus-within, .cc_ggwklva6_product_detail_option_set [data-state="success"] .kombos-textarea:focus-within {
  border-color: var(--kombos-success);
}

/* --- Disabled state --- */
.cc_ggwklva6_VBAjwasumI .kombos-textarea--disabled, .cc_ggwklva6_product_detail_reviews .kombos-textarea--disabled, .cc_ggwklva6_product_detail_option_set .kombos-textarea--disabled {
  background: var(--kombos-gray-50);
  border-color: var(--kombos-gray-200);
  pointer-events: none;
}

.kombos-textarea--disabled .kombos-textarea__native,
.cc_ggwklva6_VBAjwasumI .kombos-textarea--disabled .kombos-textarea__native::placeholder, .cc_ggwklva6_product_detail_reviews .kombos-textarea--disabled .kombos-textarea__native::placeholder, .cc_ggwklva6_product_detail_option_set .kombos-textarea--disabled .kombos-textarea__native::placeholder {
  color: var(--kombos-gray-300);
}
