.site-header.scrolled {
    background: #fff;
}

.site-header.scrolled .btn.btn-white,
.site-header.scrolled .menu-toggle {
    background: var(--color-primary);
    color: #fff;
}


.site-header.scrolled .btn.btn-white:hover,
.site-header.scrolled .menu-toggle:hover {
    background: #01523e;
}

.site-header.scrolled .menu-toggle circle {
    fill: #fff
}


.site-header.scrolled .wrap {
    padding-top: 0;
}

.mobile-header img {
    filter: brightness(0) invert(1);
}


#property_images {
    border: dotted 1px var(--color-primary);
}

.upload-button span {
    font-weight: 700 !important;
}


@media (min-resolution: 144dpi) and (max-resolution: 192dpi) {
    body {
        zoom: 0.9;
        /* Scale entire page down by 10% */
    }

    /* Alternative: Use transform instead of zoom for better compatibility */
    /* body {
        transform: scale(0.9);
        transform-origin: top left;
        width: 111.11%; 
        height: 111.11%;
    } */
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}


.selected-flag {
    background-color: transparent !important;
}

.intl-tel-input.separate-dial-code .selected-flag .selected-dial-code {
    color: #273035 !important;
}

/* Global mobile spacing between captcha and submit buttons across forms */
@media (max-width: 768px) {
    form .g-recaptcha,
    form .wpcf7-form-control-wrap[data-name*="recaptcha"] {
        display: block;
        margin-bottom: 14px;
    }

    form #heroRecaptchaError {
        margin-top: 6px !important;
        margin-bottom: 8px;
    }

    form .wpcf7-form-control-wrap[data-name*="recaptcha"] + .wpcf7-submit,
    form .wpcf7-form-control-wrap[data-name*="recaptcha"] + input[type="submit"],
    form .wpcf7-form-control-wrap[data-name*="recaptcha"] + button[type="submit"],
    form .wpcf7-form-control-wrap[data-name*="recaptcha"] + p {
        margin-top: 8px;
    }

    form .form-row-3[style*="inline-block"] {
        display: block !important;
        width: 100%;
    }

    form .form-row-3[style*="inline-block"] + .form-row-3 {
        margin-top: 10px;
    }
}