/* Horizontal ad banners — prevent layout shift from inconsistent ad image sizes */
.ad-banner-container .g,
.ads-banner-section .g {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad-banner-container .g .g-dyn,
.ads-banner-section .g .g-dyn {
    width: 100%;
}
.ad-banner-container .g img,
.ads-banner-section .g img {
    width: 100%;
    height: 120px;
    object-fit: contain;
}

/* Ads banner section */
.ads-banner-section {
    padding: 16px 20px;

    /* border-bottom: 1px solid #dddddd; */
    background-color: #EDF4FC80;
}

@media (min-width:1024px) {
    .ads-banner-section {
        padding-top: 32px;
        padding-bottom: #EDF4FC80;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
}

/* =======================================
======================================= */
/* ads with survey section */
.ad-with-survey-section {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dddddd;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
}

/* wrapper */
.ad-with-survey-section .ad-banner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* survey section */
.ad-with-survey-section .survey-section {
    max-width: 400px;
    margin: auto;
    padding-top: 16px;
}

.ad-with-survey-section .ads-banner-section {
    padding-bottom: 16px;
}

/* Min 1200px */
@media (min-width:1200px) {
    .ad-with-survey-section {
        grid-template-columns: 3fr 1fr;
    }
}

/* Min 1024px */
@media (min-width:1024px) {
    .ad-with-survey-section {
        padding: 32px 0;
    }

    .ad-with-survey-section .ad-banner-wrapper {
        /* border-right: 1px solid #dddddd; */
        padding-right: 16px;
    }

    .ad-with-survey-section .survey-section {
        padding-top: 0;
    }

}

/* =======================================
Endof Ad Section with Survey
======================================= */
/* gravity form */
/* Grid */

/* .gf-customer-survey-form #gform_fields_1 {
    display: grid;
    grid-template-columns: (5, 1fr) !important;
} */

.gf-customer-survey-form .gform_fields {
    row-gap: 16px !important;
}

/* question title - more specific to override Gravity Forms theme */
.gf-customer-survey-form_wrapper .gform-theme--orbital .gfield--type-poll .gfield_label,
.gf-customer-survey-form_wrapper .gf-customer-survey-form .gfield--type-poll .gfield_label {
    font-family: "Libre Caslon Text" !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    margin-bottom: 8px !important;
}

/* Yes or No choices - more specific */
.gf-customer-survey-form_wrapper .gform-theme--orbital .gfield--type-poll .gfield_radio,
.gf-customer-survey-form_wrapper .gf-customer-survey-form .gfield--type-poll .gfield_radio {
    display: flex !important;
    flex-direction: row !important;
}

/* radio button styling - more specific */
.gf-customer-survey-form_wrapper .gform-theme--orbital .gfield_radio .gfield-choice-input::before,
.gf-customer-survey-form_wrapper .gf-customer-survey-form .gfield_radio .gfield-choice-input::before {
    background-color: #347E9E !important;
}

/* Email Field Div - more specific */
.gf-customer-survey-form_wrapper .gform-theme--orbital .gfield--type-email,
.gf-customer-survey-form_wrapper .gf-customer-survey-form .gfield--type-email {
    grid-column: span 12 !important;
}
@media (min-width:1024px) {
    .gf-customer-survey-form_wrapper .gform-theme--orbital .gfield--type-email,
    .gf-customer-survey-form_wrapper .gf-customer-survey-form .gfield--type-email {
        grid-column: span 8 !important;
    }
}

/* Email title - more specific */
.gf-customer-survey-form_wrapper .gform-theme--orbital .gfield--type-email .gfield_label,
.gf-customer-survey-form_wrapper .gf-customer-survey-form .gfield--type-email .gfield_label {
    color: var(--text_mid);
    font-family: "Noto Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    width: 295px;
}

/* email input box - more specific */
.gf-customer-survey-form_wrapper .gform-theme--orbital .ginput_container_email input,
.gf-customer-survey-form_wrapper .gf-customer-survey-form .ginput_container_email input {
    border: 1px solid #757575;
}

/* required text */
.gfield_required {
    display: none !important;
}

/* submit button - more specific */
.gf-customer-survey-form_wrapper .gform-theme--orbital #field_submit,
.gf-customer-survey-form_wrapper .gf-customer-survey-form #field_submit {
    grid-column: span 6;
    margin-top: 8px;
}

@media (min-width:1024px) {
    .gf-customer-survey-form_wrapper .gform-theme--orbital #field_submit,
    .gf-customer-survey-form_wrapper .gf-customer-survey-form #field_submit {
        grid-column: span 4;
    }
}

/* submit button styling - more specific (works with any form ID) */
.gf-customer-survey-form_wrapper .gform-theme--orbital .gform-button,
.gf-customer-survey-form_wrapper .gf-customer-survey-form .gform-button,
.gf-customer-survey-form_wrapper .gform-theme--orbital input[type="submit"],
.gf-customer-survey-form_wrapper .gf-customer-survey-form input[type="submit"],
.gf-customer-survey-form_wrapper .gform-theme--orbital button[type="submit"],
.gf-customer-survey-form_wrapper .gf-customer-survey-form button[type="submit"] {
    width: 100% !important;
    border-radius: 80px !important;
    background-color: #347E9E !important;
    border: none !important;
}

.gf-customer-survey-form_wrapper .gform-theme--orbital .gform-button:hover,
.gf-customer-survey-form_wrapper .gf-customer-survey-form .gform-button:hover,
.gf-customer-survey-form_wrapper .gform-theme--orbital input[type="submit"]:hover,
.gf-customer-survey-form_wrapper .gf-customer-survey-form input[type="submit"]:hover,
.gf-customer-survey-form_wrapper .gform-theme--orbital button[type="submit"]:hover,
.gf-customer-survey-form_wrapper .gf-customer-survey-form button[type="submit"]:hover {
    background-color: #025585 !important;
}




/* Poll Results */
.gform-theme--framework .gpoll_wrapper.blue .gpoll_bar_juice {
    background-color: #025585 !important;
}

/* Hide spinner */
.gform_ajax_spinner {
    display: none !important;
}

/* =======================================
   Weather Widget v2
   ======================================= */
.weather-widget-v2 {
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    font-family: "Noto Sans", Arial, sans-serif;
    width: 100%;
    max-width: 320px;
    margin-inline: auto;

    & .weather-widget-v2__header {
        text-align: center;
        padding: 16px 16px 0;
    }

    & .weather-widget-v2__city {
        font-size: 20px;
        font-weight: 700;
        color: #1a1a1a;
    }

    & .weather-widget-v2__current {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 8px 16px 12px;

        & img {
            width: 64px;
            height: 64px;
        }

        & span {
            font-size: 36px;
            font-weight: 700;
            color: #1a1a1a;
        }
    }

    & .weather-widget-v2__forecast {
        border-top: 1px solid #e5e5e5;
    }

    & .weather-widget-v2__day {
        display: grid;
        grid-template-columns: 1fr 40px 50px 50px;
        align-items: center;
        padding: 8px 16px;
        font-size: 14px;
        color: #333;

        &:nth-child(odd) {
            background-color: #f5f5f5;
        }

        & .weather-widget-v2__day-name {
            font-weight: 600;
        }

        & .weather-widget-v2__day-icon {
            width: 32px;
            height: 32px;
            justify-self: center;
        }

        & .weather-widget-v2__day-high,
        & .weather-widget-v2__day-low {
            text-align: right;
            font-size: 14px;
        }

        & .weather-widget-v2__day-high {
            font-weight: 600;
            color: #1a1a1a;
        }

        & .weather-widget-v2__day-low {
            color: #757575;
        }
    }
}