/* ========================================================
   FORCE-REMOVE THE SPECIFIC BLUE SECTION WIDGET
   ======================================================== */

/* 1. Target the absolute final sections/containers on the page canvas */
.elementor-section:last-of-type,
.elementor-container:last-of-type,
div[data-elementor-type="wp-page"] > .elementor-section:last-child,
.e-con:last-of-type {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Alternative Catch: Target by its specific background color properties if it leaks */
div[style*="background-color"], 
section[style*="background-color"] {
    /* If the section has an inline blue color value, this intercepts and kills it */
    background-color: transparent:linear-gradient; 
}

/* 3. Ensure no empty scrolling space is left over at the absolute bottom */
body, #page, #main {
    overflow-x: hidden !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* ========================================================
   REMOVE STOCK PLACEHOLDER IMAGES FROM PAGES
   ======================================================= */

/* Target the specific stock image elements in your column layout */
.elementor-image-wrapper img[src*="moving"], 
.elementor-image-wrapper img[src*="box"],
.wp-block-image img[src*="moving"],
.wp-block-image img[src*="box"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Global Catch-all: If the theme uses standard image widgets for placeholders,
   this hides the entire layout wrapper for those specific non-music graphics */
.elementor-widget-image:has(img[src*="moving"]),
.elementor-widget-image:has(img[src*="box"]),
.wp-block-image:has(img[src*="moving"]),
.wp-block-image:has(img[src*="box"]) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ========================================================
   LANDSCAPE STOCK IMAGE REMOVAL (SAFE TEXT FILTER)
   ======================================================== */

/* 1. Target and hide the physical stock image elements directly */
.elementor-widget-image img,
.wp-block-image img {
    /* Filters out the square profile pictures (like Jacob's portraits) 
       and target the wider landscape rectangle stock photos */
    aspect-ratio: 16/9 !important;
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
}

/* 2. Absolute fallback: If the template used a specific container class for them,
   this drops their height to zero without touching your text boxes */
.elementor-image-wrapper:has(img) {
    max-height: 0px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ========================================================
   THE ULTIMATE GRID IMAGE FLUSHER (NESTS REMOVAL)
   ======================================================== */

/* 1. Force hide any physical image tag sitting next to a text widget */
.elementor-widget-image img,
.elementor-image img,
figure.wp-block-image img {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Collapse the outer structural block containers that hold those images */
.elementor-widget-image,
.elementor-image,
.wp-block-image,
figure.wp-block-image {
    display: none !important;
    max-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}