html, body {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
@media (max-width: 1024px) {
    html {
        transform: none !important;
        transform-origin: initial !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    body {
        overflow: visible !important;
        width: auto !important;
        height: auto !important;
    }
}
@media (max-width: 1024px) {
    /* Your existing mobile resets */
    html {
        transform: none !important;
        transform-origin: initial !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    body {
        overflow: visible !important;
        width: auto !important;
        height: auto !important;
    }

    /* New fixes to make content flow nicely */
    .elementor-section {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .elementor-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}
@media (max-width: 1024px) {
    /* Prevent horizontal overflow */
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    /* Elementor containers force fit */
    .elementor-section,
    .elementor-container,
    .elementor-column,
    .elementor-widget {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Sometimes images or other media cause overflow */
    img, video, iframe {
        max-width: 100% !important;
        height: auto !important;
        display: block;
    }
}
.home .your-title-class {
    display: none !important;
}
/* Or if you want to be extremely broad and hide all h1 titles on the homepage */
.home h1 {
    display: none !important;
}
@media (max-width: 1024px) {
    /* ... (your existing CSS for max-width: 1024px) ... */

    /* --- NEW, VERY AGGRESSIVE WHITESPACE REMOVAL --- */

    /* Targets the main WordPress content wrapper (if your theme uses it) */
    #content, #primary, #main, .site-content, .site-main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Targets Elementor's main post content area */
    .elementor-theme-full-width .elementor-post.elementor-type-page,
    .elementor-page {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Targets elements immediately following the header or specific header containers */
    body > header + *,
    .elementor-location-header + * {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Target generic containers that might be at the very top */
    div:first-child, /* The very first div inside the body */
    .wp-site-blocks, /* If using WordPress Block editor on top of Elementor */
    .site { /* Common wrapper for the entire site content */
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
 /* Universal reset for the very top spacing (use with caution, but might be needed here) */
    html body > *:first-child, /* The very first element inside the body */
    html body > *:first-child > *:first-child { /* The first child of the first child inside the body */
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
@media (max-width: 1024px) {
    /* ... (your extensive existing CSS for max-width: 1024px) ... */

    /* --- NEW, EXTREMELY AGGRESSIVE WHITESPACE REMOVAL (Last Resort) --- */

    /* Ensures no vertical space from elements near the top */
    html, body,
    html > body > *:first-child, /* First element directly inside body */
    html > body > *:first-child > *:first-child, /* First child of the first element */
    html > body > *:first-child > *:first-child > *:first-child /* First child of that */
    {
        margin-top: 0 !important;
        padding-top: 0 !important;
        /* Consider setting height or min-height to zero IF it's an empty container */
        /* height: 0 !important; */
        /* min-height: 0 !important; */
        /* font-size: 0 !important; /* To collapse space from invisible text/line-height */
        /* line-height: 0 !important; */
    }

    /* Target Elementor specific elements where the title might have been */
    .elementor-location-header + .elementor-section,
    .elementor-location-header + .elementor-container,
    .elementor-location-header + div.elementor-element { /* Targets a div immediately after header template */
        margin-top: 0 !important;
        padding-top: 0 !important;
        /* Potentially collapse it completely if empty */
        /* height: 0 !important; */
        /* overflow: hidden !important; */
    }

    /* If all else fails, a small negative margin is sometimes the only way */
    /* Use this ONLY if the gap is truly tiny (e.g., 1-5px) and nothing else works.
       Adjust the value (-5px) slightly if needed. Be careful, it can cause overlap. */
    /*
    .elementor-section:first-of-type {
        margin-top: -5px !important;
    }
    */
    /* Or if your header is fixed/sticky, you might need to adjust the padding of the first section to push it UP */
    /*
    .elementor-section:first-of-type {
        padding-top: 0 !important;
        margin-top: -10px !important; // Try a small negative margin
    }
    */
}
h1.entry-title,
.page-title {
  display: none !important;
}
/* Amelia Booking Form 1.0: hide the + / − buttons on quantity steppers */
.amelia-app-booking .el-input-number__increase,
.amelia-app-booking .el-input-number__decrease,
.amelia-app-booking .el-input-number .el-input-number__increase,
.amelia-app-booking .el-input-number .el-input-number__decrease {
  display: none !important;
}

/* Make the number field look/behave like a normal input */
.amelia-app-booking .el-input-number .el-input__inner {
  padding-right: 10px !important;   /* room after removing buttons */
  text-align: center;
}

/* Ensure typing is allowed */
.amelia-app-booking .el-input-number .el-input__inner {
  pointer-events: auto !important;
  opacity: 1 !important;
}