/* ==========================================================
   SUMMIT GLOBAL CONTRACTORS
   XPRO MENU + FORMINATOR CUSTOM CSS
   ========================================================== */


/* ==========================================================
   XPRO HORIZONTAL MENU
   Allow Xpro to control open/close behavior
   ========================================================== */

/* Do NOT force height: 0, max-height: 0, display:none,
   or disable the Xpro overlay.
   Xpro's own CSS/JS controls the mobile menu. */


/* ==========================================================
   MOBILE / TABLET MENU
   Full-width navigation items
   ========================================================== */

@media (max-width: 1024px) {

    .xpro-elementor-horizontal-navbar-nav {
        width: 100% !important;
    }

    .xpro-elementor-horizontal-navbar-nav > li {
        width: 100% !important;
        box-sizing: border-box !important;
    }

}


/* ==========================================================
   SERVICES DROPDOWN
   Desktop
   ========================================================== */

/* Allow Xpro to control normal submenu visibility.
   We intentionally do NOT use display:none !important here. */

.xpro-elementor-horizontal-navbar-nav
li.services-dropdown > .sub-menu {
    box-sizing: border-box !important;
}


/* ==========================================================
   SERVICES DROPDOWN
   Mobile / Tablet
   Keep submenu inside mobile navigation
   ========================================================== */

@media (max-width: 1024px) {

    /* Services parent */
    .xpro-elementor-horizontal-navbar-nav > li.services-dropdown {
        width: 100% !important;
        display: block !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* Keep submenu inside mobile menu */
    .xpro-elementor-horizontal-navbar-nav
    li.services-dropdown > .sub-menu {

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
        transform: none !important;
    }

    /* Submenu items */
    .xpro-elementor-horizontal-navbar-nav
    li.services-dropdown > .sub-menu > li {

        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Submenu links */
    .xpro-elementor-horizontal-navbar-nav
    li.services-dropdown > .sub-menu > li > a {

        width: 100% !important;
        box-sizing: border-box !important;

        padding-left: 30px !important;
        padding-right: 20px !important;
    }

}


/* ==========================================================
   FORMINATOR
   SGC REQUEST A QUOTE FORM
   FORM ID: 404
   ========================================================== */


/* Primary Buttons */

.forminator-ui#forminator-module-404 .forminator-button-submit,
.forminator-ui#forminator-module-404 .forminator-button-next {

    background: #0866D9 !important;
    color: #FFFFFF !important;

    border-radius: 10px !important;

    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;

    padding: 14px 28px !important;
}


/* Primary Button Hover */

.forminator-ui#forminator-module-404 .forminator-button-submit:hover,
.forminator-ui#forminator-module-404 .forminator-button-next:hover {

    background: #0055A6 !important;
}


/* Back Button */

.forminator-ui#forminator-module-404 .forminator-button-back {

    background: transparent !important;
    color: #0055A6 !important;

    border: 1.5px solid #0055A6 !important;
    border-radius: 10px !important;

    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
}


/* Form Inputs */

.forminator-ui#forminator-module-404 .forminator-input,
.forminator-ui#forminator-module-404 .forminator-textarea,
.forminator-ui#forminator-module-404 .forminator-select .selectize-input {

    border: 1px solid #D9E2EC !important;
    border-radius: 8px !important;

    font-family: Inter, sans-serif !important;
}


/* Input Focus */

.forminator-ui#forminator-module-404 .forminator-input:focus,
.forminator-ui#forminator-module-404 .forminator-textarea:focus {

    border-color: #0055A6 !important;

    box-shadow:
        0 0 0 3px rgba(0, 85, 166, 0.12) !important;
}


/* Labels */

.forminator-ui#forminator-module-404 .forminator-label {

    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;

    color: #111827 !important;
}


/* Pagination / Steps */

.forminator-ui#forminator-module-404
.forminator-pagination-steps
.forminator-step.forminator-step-active
.forminator-step-label,

.forminator-ui#forminator-module-404
.forminator-pagination-steps
.forminator-step.forminator-step-complete
.forminator-step-label {

    color: #0055A6 !important;
    font-weight: 700 !important;
}


/* Radio + Checkbox */

.forminator-ui#forminator-module-404 .forminator-radio-bullet,
.forminator-ui#forminator-module-404 .forminator-checkbox-box {

    border-color: #D9E2EC !important;
}


/* Checked Radio + Checkbox */

.forminator-ui#forminator-module-404
input:checked + .forminator-radio-bullet,

.forminator-ui#forminator-module-404
input:checked + .forminator-checkbox-box {

    background: #0866D9 !important;
    border-color: #0866D9 !important;
}