/**
 * Footer Contact Form Styles
 *
 * Styles for the footer section including the contact form
 * and contact information.
 *
 * @package ROI_Theme
 * @since 1.0.0
 */

/* ========================================
   Contact Form Styles
   ======================================== */

.form-control {
    border: 2px solid var(--color-neutral-100);
    border-radius: 6px;
    padding: 0.625rem 1rem;
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: var(--color-orange-primary);
    outline: none;
}

.btn-contact-submit {
    background-color: var(--color-orange-primary);
    color: #ffffff;
    font-weight: 600;
    padding: 0.75rem 2rem;
    border: none;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.btn-contact-submit:hover {
    background-color: var(--color-orange-hover);
    color: #ffffff;
}

.btn-submit-form {
    background-color: var(--color-orange-primary);
    color: #ffffff;
    font-weight: 600;
    padding: 0.75rem;
    border: none;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.btn-submit-form:hover {
    background-color: var(--color-orange-hover);
    color: #ffffff;
}

/* ========================================
   Contact Info Styles
   ======================================== */

.contact-info i {
    color: var(--color-orange-primary);
}

/* ========================================
   Contact Section - Text Colors Override
   ======================================== */

/*
 * Fix Issue #128: Textos demasiado oscuros en sección de contacto
 * Template usa #495057 (gris medio) en lugar de #212529 (gris oscuro)
 * Aplicar solo a sección bg-secondary (sección de contacto arriba del footer)
 */

section.bg-secondary h2,
section.bg-secondary h3,
section.bg-secondary p {
    color: #495057 !important; /* Bootstrap --bs-gray-700 - Gris medio */
}

section.bg-secondary h6 {
    color: #495057 !important; /* Bootstrap --bs-gray-700 - Gris medio */
}

/* NOTA: NO sobrescribir estilos Bootstrap h6 - Template usa defaults */