/* homenagens-especiais/assets/css/homenagens-validation.css */

/**
 * Estilos CSS para feedback de validação em tempo real no plugin Homenagens Especiais.
 *
 * @package Homenagens_Especiais
 * @since 1.0.0
 */

/* Estilos para campos com erro */
.form-group.has-error .form-input-large,
.form-group.has-error .form-textarea-large {
    border-bottom-color: var(--homenagens-vermelho-principal);
}

.form-group.has-error .form-input-large:focus,
.form-group.has-error .form-textarea-large:focus {
    box-shadow: 0 2px 8px rgba(var(--homenagens-vermelho-principal-rgb), 0.3); /* Sombra vermelha no foco com erro */
}

/* Estilos para campos com sucesso (opcional, para feedback visual positivo) */
.form-group.has-success .form-input-large,
.form-group.has-success .form-textarea-large {
    border-bottom-color: var(--homenagens-dourado);
}

.form-group.has-success .form-input-large:focus,
.form-group.has-success .form-textarea-large:focus {
    box-shadow: 0 2px 8px rgba(var(--homenagens-dourado-foco-rgb), 0.3);
}

/* Estilo para o ícone de validação (ex: checkmark ou X) */
.validation-icon {
    position: absolute;
    right: var(--homenagens-espacamento-sm);
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    display: none; /* Escondido por padrão */
}

.form-group.has-error .validation-icon {
    color: var(--homenagens-vermelho-principal);
    display: block;
}

.form-group.has-success .validation-icon {
    color: var(--homenagens-dourado);
    display: block;
}