/* === A.J. Cox Contact Form — Dark Luxury styling === */

/* Input fields & dropdown & textarea */
#wpforms-1508 input[type="text"],
#wpforms-1508 input[type="email"],
#wpforms-1508 select,
#wpforms-1508 textarea {
    background-color: #1a1428 !important;
    border: 1px solid #2a2040 !important;
    color: #f5f0ff !important;
    border-radius: 0 !important;
    padding: 10px 14px !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
}

/* Placeholder text */
#wpforms-1508 input::placeholder,
#wpforms-1508 textarea::placeholder {
    color: #9a8aaa !important;
}

/* Field labels */
#wpforms-1508 .wpforms-field-label {
    color: #9a8aaa !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}

/* Dropdown arrow visibility */
#wpforms-1508 select {
    appearance: auto;
}

/* Submit button — Dark Luxury purple, with breathing room */
#wpforms-1508 button[type="submit"] {
    background-color: #6b4fa0 !important;
    color: #f0ebff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 28px !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-top: 20px !important;
    cursor: pointer !important;
}

#wpforms-1508 button[type="submit"]:hover {
    background-color: #8b5fba !important;
}

/* === A.J. Cox Kit Newsletter Form — Dark Luxury === */

/* Constrain overall form size & center it */
[data-sv-form="9573748"] {
    max-width: 480px !important;
    margin: 0 auto !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Hide Kit's own background/card padding if present */
[data-sv-form="9573748"] .formkit-background,
[data-sv-form="9573748"] .formkit-header,
[data-sv-form="9573748"] .formkit-subheader {
    display: none !important;
}

/* The input + button row */
[data-sv-form="9573748"] .formkit-fields {
    display: flex !important;
    gap: 0 !important;
    margin: 0 !important;
}

/* Email input field */
[data-sv-form="9573748"] .formkit-input {
    background: #1a1428 !important;
    border: 1px solid #2a2040 !important;
    color: #f5f0ff !important;
    border-radius: 0 !important;
    padding: 12px 14px !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    flex: 1 !important;
    min-height: auto !important;
}

[data-sv-form="9573748"] .formkit-input::placeholder {
    color: #6a5a7a !important;
}

/* Subscribe button */
[data-sv-form="9573748"] .formkit-submit {
    background: #6b4fa0 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 24px !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    min-height: auto !important;
}

[data-sv-form="9573748"] .formkit-submit span {
    color: #f0ebff !important;
}

[data-sv-form="9573748"] .formkit-submit:hover {
    background: #8b5fba !important;
}

/* === Compress WPForms contact form height === */

/* Cap overall width */
#wpforms-1508 {
    max-width: 280px !important;
}

/* Tighten gap between fields */
#wpforms-1508 div.wpforms-field {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

/* Reduce label spacing */
#wpforms-1508 .wpforms-field-label {
    margin-bottom: 4px !important;
}

/* Slimmer input fields */
#wpforms-1508 input[type="text"],
#wpforms-1508 input[type="email"],
#wpforms-1508 select {
    padding: 8px 12px !important;
}

/* Shorter message box — this is usually the biggest height culprit */
#wpforms-1508 textarea {
    height: 60px !important;
    padding: 8px 12px !important;
}

/* Reduce button top spacing */
#wpforms-1508 button[type="submit"] {
    margin-top: 10px !important;
}

/* Make all form fields full width and equal length */
#wpforms-1508 .wpforms-field-medium,
#wpforms-1508 .wpforms-field-small,
#wpforms-1508 input[type="text"],
#wpforms-1508 input[type="email"],
#wpforms-1508 select,
#wpforms-1508 textarea {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Kit form — mobile fixes */
@media (max-width: 600px) {
    [data-sv-form="9573748"] {
        max-width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }
    [data-sv-form="9573748"] .formkit-fields {
        flex-direction: column !important;
        width: 100% !important;
    }
    [data-sv-form="9573748"] .formkit-input,
    [data-sv-form="9573748"] .formkit-submit {
        width: 100% !important;
        flex: none !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        text-align: center !important;
    }
    [data-sv-form="9573748"] .formkit-submit {
        margin-top: 8px !important;
        white-space: nowrap !important;
        justify-content: center !important;
    }
}