/**
 * Flatlined SEO Lead Machine - Form Styles
 *
 * @package Flatlined_Lead_Machine
 */

/* Form Wrapper */
.flatlined-audit-form-wrapper,
.flatlined-contact-form-wrapper {
    background: var(--color-dark-200, #12121a);
    border: 1px solid var(--color-dark-300, #1a1a25);
    border-radius: 1rem;
    padding: 2rem;
}

.flatlined-form-title {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}

/* Form Groups */
.flatlined-form-group {
    margin-bottom: 1.5rem;
}

.flatlined-form-label {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--color-gray-300, #d1d5db);
    font-weight: 500;
    font-size: 0.875rem;
}

/* Form Inputs */
.flatlined-form-input,
.flatlined-form-textarea {
    width: 100%;
    padding: 0.875rem 1rem;
    background: var(--color-dark-300, #1a1a25);
    border: 1px solid var(--color-dark-400, #252533);
    border-radius: 0.5rem;
    color: #ffffff;
    font-size: 1rem;
    font-family: inherit;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.flatlined-form-input:focus,
.flatlined-form-textarea:focus {
    outline: none;
    border-color: var(--color-cyan-500, #00D9FF);
    box-shadow: 0 0 0 3px rgba(0, 217, 255, 0.1);
}

.flatlined-form-input::placeholder,
.flatlined-form-textarea::placeholder {
    color: var(--color-gray-500, #6b7280);
}

.flatlined-form-textarea {
    min-height: 120px;
    resize: vertical;
}

/* Error State */
.flatlined-form-input.error,
.flatlined-form-textarea.error {
    border-color: #ef4444;
}

/* Disclaimer */
.flatlined-form-disclaimer {
    font-size: 0.75rem;
    color: var(--color-gray-500, #6b7280);
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

/* Submit Button */
.flatlined-form-submit {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--color-cyan-500, #00D9FF), var(--color-green-500, #00FF88));
    border: none;
    border-radius: 0.5rem;
    color: var(--color-dark-100, #0a0a0f);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.flatlined-form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0, 217, 255, 0.3);
}

.flatlined-form-submit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* Loading State */
.flatlined-submit-loading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.flatlined-spinner {
    animation: flatlined-spin 1s linear infinite;
}

@keyframes flatlined-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Success/Error Message */
.flatlined-form-message {
    margin-top: 1.5rem;
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;
    font-weight: 500;
}

.flatlined-form-message.success {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid var(--color-green-500, #00FF88);
    color: var(--color-green-500, #00FF88);
}

.flatlined-form-message.error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid #ef4444;
    color: #ef4444;
}

/* Responsive */
@media (max-width: 640px) {
    .flatlined-audit-form-wrapper,
    .flatlined-contact-form-wrapper {
        padding: 1.5rem;
    }
}