/*
Theme Name: Maria Jones Landing Pages
Description: Custom WordPress theme for Maria Jones Law Firm Landing Pages
Author: Antigravity
Version: 1.0
*/

/* WPForms Custom Styling to match Tailwind Design */
.mjlf-wpforms-wrapper div.wpforms-container-full {
    margin: 0 !important;
}
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field-label {
    font-size: 0.875rem !important; /* text-sm */
    color: rgba(26, 34, 56, 0.8) !important; /* text-[#1a2238]/80 */
    font-weight: 400 !important;
    margin-bottom: 0.375rem !important; /* mb-1.5 */
    display: block !important;
    text-align: left !important;
}
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field input[type=text],
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field input[type=email],
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field input[type=tel],
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field textarea {
    width: 100% !important;
    appearance: none !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(26, 34, 56, 0.1) !important;
    border-radius: 0.75rem !important; /* rounded-xl */
    padding: 0.875rem 1rem !important; /* py-3.5 px-4 */
    font-size: 1.125rem !important; /* text-lg */
    color: #1a2238 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; /* shadow-sm */
    transition: all 0.3s ease !important;
    height: auto !important;
    line-height: normal !important;
}

/* Select specific styling to fix text display and arrows */
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field select {
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(26, 34, 56, 0.1) !important;
    border-radius: 0.75rem !important;
    padding: 0.875rem 1rem !important;
    font-size: 1.125rem !important;
    color: #1a2238 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
    height: auto !important;
    min-height: 3.5rem !important;
    line-height: 1.5 !important;
    /* Do not use appearance: none here so the default arrow and text formatting remain intact */
}
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field input:focus,
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field select:focus,
.mjlf-wpforms-wrapper .wpforms-form .wpforms-field textarea:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(238, 111, 96, 0.5) !important; /* ring-[#ee6f60]/50 */
    border-color: transparent !important;
}
.mjlf-wpforms-wrapper .wpforms-form .wpforms-submit-container {
    margin-top: 1rem !important;
}
/* Submit Button - Dark Blue */
.mjlf-wpforms-wrapper .wpforms-form button.wpforms-submit {
    width: 100% !important;
    background-color: #1a2238 !important; /* Dark Blue */
    color: #ffffff !important;
    border-radius: 0.75rem !important; /* rounded-xl */
    padding: 1rem !important; /* py-4 */
    font-size: 1.125rem !important; /* text-lg */
    border: none !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.mjlf-wpforms-wrapper .wpforms-form button.wpforms-submit:hover {
    background-color: #212c47 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}
/* For the bottom form which originally had a red button */
.mjlf-wpforms-wrapper.red-button .wpforms-form button.wpforms-submit {
    background-color: #e81e23 !important; /* Red */
}
.mjlf-wpforms-wrapper.red-button .wpforms-form button.wpforms-submit:hover {
    background-color: #c9181c !important;
}