/* ==========================================================================
   LeadStarter — Frontend Form Styles
   Minimal, theme-neutral styling.
   ========================================================================== */

.ls-newsletter-wrap {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
}

.ls-newsletter-container {
    max-width: 640px;
    width: 100%;
}

.ls-newsletter-title {
    font-size: 2em;
    margin-bottom: 16px;
    line-height: 1.3;
}

.ls-newsletter-description {
    font-size: 1.05em;
    line-height: 1.7;
    margin-bottom: 32px;
    color: #444;
}

.ls-newsletter-form-wrap {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 28px 24px;
}

.ls-newsletter-form-wrap h3 {
    margin: 0 0 20px;
    font-size: 1.2em;
}

.ls-form-field {
    margin-bottom: 16px;
}

.ls-form-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 0.95em;
}

.ls-form-field input[type="text"],
.ls-form-field input[type="email"] {
    width: 100%;
    padding: 10px 12px;
    font-size: 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.ls-form-field input:focus {
    outline: none;
    border-color: #0073aa;
}

.ls-submit-btn {
    display: inline-block;
    width: 100%;
    padding: 12px;
    font-size: 1em;
    font-weight: 600;
    color: #fff;
    background: #0073aa;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 4px;
}

.ls-submit-btn:hover {
    background: #005a87;
}

.ls-submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.ls-form-message {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 0.95em;
}

.ls-form-message.ls-success {
    background: #eaf7ea;
    border: 1px solid #46a046;
    color: #2d6b2d;
}

.ls-form-message.ls-error {
    background: #fceaea;
    border: 1px solid #c0392b;
    color: #922b21;
}