/* Custom inline form validation — modern + legacy shop forms */

.cc-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.cc-field__error {
  display: block;
  margin: 0;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;
  color: #8b2942;
  background: rgba(139, 41, 66, 0.08);
  border: 1px solid rgba(139, 41, 66, 0.18);
  border-radius: 10px;
}

.cc-field--invalid .cc-checkout__input,
.cc-field--invalid .cc-checkout__select,
.cc-field--invalid .cc-checkout__textarea,
.cc-field--invalid .cc-contact__input,
.cc-field--invalid .cc-contact__textarea,
.cc-field--invalid .cc-auth-input,
.cc-field--invalid .cc-account__input,
.cc-field--invalid .cc-account__select,
.cc-field--invalid input.text,
.cc-field--invalid select.text,
.cc-field--invalid textarea.text {
  border-color: rgba(139, 41, 66, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(139, 41, 66, 0.12);
}

.cc-field.line {
  display: block;
}

.cc-field.line .cc-field__error {
  margin-top: 6px;
}

.cc-auth-field.cc-field--invalid .cc-auth-input {
  border-color: rgba(139, 41, 66, 0.55);
  box-shadow: 0 0 0 1px rgba(139, 41, 66, 0.12);
}

.cc-auth-field .cc-field__error {
  margin-top: 4px;
}