/** 
 * =============================================================================
 * KS-Semilla Nutriente: nt-contact-form.css
 * -----------------------------------------------------------------------------
 * @author     Guillermo Arturo Shikina Zapata
 * @since      2025
 * @copyright  KhamaleonLab 
 * @license    See LICENSE.md for details.
 * @version    1.0.0
 * update      20250626
 * -----------------------------------------------------------------------------
 * Provides all necessary styles for the Contact Form nutrient.
 * Defines the layout, spacing, and responsive behavior for form elements,
 * labels, and feedback messages (success/error).
 * ============================================================================= */

.form-contact label {
    display: block; 
    margin-bottom: 0.5rem;
}

.form-contact input[type="text"],
.form-contact input[type="email"],
.form-contact input[type="tel"],
.form-contact textarea {
    width: 100%;         
    font-size: 1.8rem;
}

.form-contact input {
    padding: 2rem 1rem; 
}

.form-contact textarea {
    padding: 1rem; 
    min-height: 10rem; 
    resize: vertical;  
}

.form-contact button[type="submit"] {
    display: block;
    width: 100%; 
    padding: 1rem 1.5rem;
    background-color: #337ab7; 
    color: white;
    border: none;
    cursor: pointer;
    text-align: center;
}

/* Visual Feedback Messages */
.form-contact p.success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 0.1rem solid #d6e9c6;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 0.4rem;
}

p.error {
    color: #a94442;
    background-color: #f2dede;
    border: 0.1rem solid #ebccd1;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    line-height: 1;
}

.field-has-error {
    border: 0.1rem solid #a94442;
}