/* ============================================================
   Smart Contact Form — Elementor Frontend Styles
   Loaded on all pages with Elementor when SCF widget is present.
   These complement public.css with Elementor-specific overrides.
   ============================================================ */

/* ---- Form description ---- */
.scf-form-description {
    font-size: 15px;
    color: #646970;
    margin: -8px 0 20px;
    line-height: 1.6;
}

/* ---- Button icon alignment ---- */
.scf-submit-btn .scf-btn-icon {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.scf-submit-btn .scf-icon-before { margin-right: 6px; }
.scf-submit-btn .scf-icon-after  { margin-left: 6px; }

/* ---- Stretch button via Elementor alignment control ---- */
.scf-submit-row[style*="text-align: stretch"] .scf-submit-btn,
.scf-submit-row.stretch .scf-submit-btn {
    display: block;
    width: 100%;
    text-align: center;
    justify-content: center;
}

/* ---- Elementor widget wrapper reset ---- */
.elementor-widget-scf_contact_form .scf-form-wrapper {
    max-width: 100%;
}

/* ---- Make sure elementor column padding doesn't break layout ---- */
.elementor-widget-scf_contact_form .scf-fields-row {
    width: 100%;
}

/* ---- Smooth spinner animation (fixed border-radius typo in base) ---- */
.scf-btn-spinner {
    border-radius: 50% !important;
}

/* ---- Elementor edit mode: live button preview ---- */
.elementor-editor-active .scf-submit-btn {
    pointer-events: none;
}