/*--------------------------------------------------------------
# ALTCHA Widget Customization
--------------------------------------------------------------*/

/*
  Variáveis disponíveis no ALTCHA:
  - --altcha-color-base
  - --altcha-color-text
  - --altcha-color-border
  - --altcha-color-border-focus
  - --altcha-max-width
*/

altcha-widget {
  display: block;
  width: 100%;
  max-width: 100%;
  
  /* Customizar cores do ALTCHA usando CSS Variables */
  --altcha-border-width: 1px;
  --altcha-border-radius: 10px;
  --altcha-color-border: color-mix(in srgb, var(--default-color), transparent 90%);
  --altcha-color-text: currentColor;
  --altcha-color-border-focus: currentColor;
  --altcha-color-error-text: #f23939;
  --altcha-color-footer-bg: #f4f4f4;
  --altcha-max-width: 260px;
  --altcha-color-base: color-mix(in srgb, var(--background-color), #f5f8fd 30%);
}

/* Estilo para o container do widget */
.form-group altcha-widget {
  margin-bottom: 1rem;
}

/* Estilo para o texto de ajuda abaixo do widget */
.form-group altcha-widget + small {
  display: block;
  margin-top: 0.5rem;
  color: #6c757d;
  font-size: 0.875rem;
}

/* Ajustes para mobile */
@media (max-width: 768px) {
  altcha-widget {
    font-size: 0.9rem;
  }
}