/*
 * Consolidated PPC-page form styling.
 * Migrated 2026-05-14 from 16 separate Custom CSS+JS snippets that all targeted
 * variants of the same Formidable Forms widget on the 17 PPC landing pages.
 *
 * Net consolidation:
 *   - 16 DB rows + 16 compiled files → 1 file (this one)
 *   - 10 snippets shared one identical master body; 6 had unique per-page variants.
 *
 * Master rules apply on every PPC page (enqueue is conditional on the 17 PPC IDs).
 * Variant rules apply only on their target page via `body.page-id-XXXX` scoping.
 *
 * Source snippets (deleted in the same change):
 *   5403 AC-Marin (variant)            5413 AC-Sonoma (variant)
 *   5414 DC-Marin (variant)            5415 DC-Sonoma (variant)
 *   5416 Heat-Pump-Marin (variant)     5432 Heat-Pump-Sonoma (variant)
 *   5420-5429 (10× master, identical)
 */

/* === Master rules — apply to every PPC page === */
.frm_form_field {

    display: flex;

    align-items: center;

}



.submit-phone-container {

    display: flex;

    align-items: center;

    margin-left: auto; /* Pushes the container to the right */

}



.submit-button {

    margin-right: 10px; /* Space between the submit button and the phone number */

}



.phone-number {

    display: flex;

    align-items: center;

    text-decoration: none;

}



.phone-number img {

    margin-right: 5px;

}

/* === AC Marin PPC variant (page-id-5208) === */
body.page-id-5208 .frm_form_field {

    display: flex;

    align-items: center;

    justify-content: space-between; /* Space evenly between items */

    flex-wrap: wrap; /* Allow items to wrap */

}



body.page-id-5208 .form-section {

    flex: 1; /* Take up remaining space */

    margin-right: 10px; /* Adjust spacing between sections */

}







body.page-id-5208 .phone-number {

    font-size: 20px; /* Adjust font size as needed */

    color: #2f3f58;

    text-decoration: none;

    display: flex;

    align-items: center;

	margin-top: 10px;

}



body.page-id-5208 .phone-number img {

    margin-right: 5px; /* Adjust icon spacing */

}



@media   (max-width: 768px) 

body.page-id-5208 .phone-number {

            flex-direction: column;

            align-items: flex-start; /* Adjust alignment as needed */

        }



        body.page-id-5208 .phone-number {

            margin-top: 10px; /* Reset margin for mobile view */

        }

    

              

        }

/* === AC Sonoma PPC variant (page-id-5234) === */
/* Existing CSS styles */



    body.page-id-5234 #frm_field_[id]_container {

        /* Your existing styles for the form field container */

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 10px; /* Adjust as needed */

    }



    body.page-id-5234 .phone-number {

        font-size: 20px;

        color: #2f3f58;

        text-decoration: none;

        display: block; /* Ensures it stacks vertically on mobile */

        margin-top: 10px; /* Adjust as needed */

    }



    body.page-id-5234 .phone-number img {

        margin-right: 5px;

    }



    @media (max-width: 768px) {

        /* Styles for mobile or smaller screens */

        body.page-id-5234 #frm_field_[id]_container {

            flex-direction: column;

            align-items: flex-start; /* Adjust alignment as needed */

        }



        body.page-id-5234 .phone-number {

            margin-top: 0; /* Reset margin for mobile view */

        }

    }



    /* Additional responsive styles as needed */

/* === DC Marin PPC variant (page-id-5242) === */
/* General styling for the phone number */

body.page-id-5242 .phone-number {

    display: inline-flex;

    align-items: center;

    margin-left: 10px; /* Adjust this as needed */

	font-size: 20px;

        color: #2f3f58;

}







/* Mobile view styling */

@media screen and (max-width: 767px) {

    body.page-id-5242 #frm_field_[id]_container {

        display: flex;

        flex-direction: column;

    }



    body.page-id-5242 .phone-number {

        display: block;

        margin-left: 0;

        margin-top: 10px; /* Adjust this as needed */

    }

}

/* === DC Sonoma PPC variant (page-id-5174) === */
body.page-id-5174 .frm_form_field {

    display: flex;

    align-items: center;

    justify-content: flex-start; /* Adjust as needed */

}



body.page-id-5174 .phone-number {

    display: flex;

    align-items: center;

    margin-left: 10px; /* Adjust as needed */

}

/* === Heat Pump Marin PPC variant (page-id-5319) === */
body.page-id-5319 .frm_form_field {

    display: flex;

    align-items: center;

    justify-content: flex-start; /* Adjust as needed */

    margin-bottom: 10px; /* Optional: adds spacing between elements */

}



body.page-id-5319 .phone-number {

    display: flex;

    align-items: center;

    margin-left: 10px; /* Adjust as needed */

}



/* For mobile view */

/* === Heat Pump Sonoma PPC variant (page-id-5321) === */
body.page-id-5321 .frm_form_field {

    display: flex;

    align-items: center;

}



body.page-id-5321 .submit-phone-container {

    display: flex;

    align-items: center;

    margin-left: auto; /* Pushes the container to the right */

}



body.page-id-5321 .phone-number {

    display: flex;

    align-items: center;

    text-decoration: none;

}



body.page-id-5321 .phone-number img {

    margin-right: 5px;

}