@media (max-width: 921px) {

  /* Force the mobile header bar to be transparent */
  .ast-header-break-point .main-header-bar,
  .ast-header-break-point .ast-primary-header-bar,
  .ast-header-break-point .ast-primary-header-bar-wrap,
  .ast-header-break-point .site-header,
  .ast-header-break-point #masthead {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* Force the hamburger button background to be transparent too */
  .ast-header-break-point .ast-button-wrap .menu-toggle,
  .ast-header-break-point .ast-mobile-menu-trigger-minimal {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

/* FINAL FIX: Use highest specificity possible to override 'display: none' on vumabusiness.com */
html body.ast-header-break-point .ast-primary-header-bar .ast-site-identity {
    display: block !important;
}

/* Ensure the image inside also displays correctly with a max-width of 150px */
html body.ast-header-break-point .ast-primary-header-bar .ast-site-identity img {
    max-width: 150px !important;
    height: auto !important;
    display: inline-block !important; 
}
/* Collapse and hide the empty top and bottom header rows on mobile/tablet view */
@media (max-width: 921px) {
    /* Targets the specific Astra row containers for mobile */
    .ast-header-break-point .ast-above-header,
    .ast-header-break-point .ast-below-header {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Ensure the Primary Header row takes over the full space */
    .ast-header-break-point .main-header-bar-wrap {
        min-height: auto !important;
    }
}
@media (max-width: 921px) {

  /* Force the mobile header bar to be transparent */
  .ast-header-break-point .main-header-bar,
  .ast-header-break-point .ast-primary-header-bar,
  .ast-header-break-point .ast-primary-header-bar-wrap,
  .ast-header-break-point .site-header,
  .ast-header-break-point #masthead {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* Force the hamburger button background to be transparent too */
  .ast-header-break-point .ast-button-wrap .menu-toggle,
  .ast-header-break-point .ast-mobile-menu-trigger-minimal {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

/* FINAL FIX: Use highest specificity possible to override 'display: none' on vumabusiness.com */
html body.ast-header-break-point .ast-primary-header-bar .ast-site-identity {
    display: block !important;
}

/* Ensure the image inside also displays correctly with a max-width of 150px */
html body.ast-header-break-point .ast-primary-header-bar .ast-site-identity img {
    max-width: 150px !important;
    height: auto !important;
    display: inline-block !important; 
}
/* Collapse and hide the empty top and bottom header rows on mobile/tablet view */
@media (max-width: 921px) {
    /* Targets the specific Astra row containers for mobile */
    .ast-header-break-point .ast-above-header,
    .ast-header-break-point .ast-below-header {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Ensure the Primary Header row takes over the full space */
    .ast-header-break-point .main-header-bar-wrap {
        min-height: auto !important;
    }
}

/* NEW CODE: Force Elementor Site Logo Visibility on Mobile */
@media (max-width: 921px) {
    .elementor-location-header .elementor-widget-theme-site-logo,
    .elementor-location-header .elementor-widget-container {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        width: auto !important;
    }
    .elementor-location-header .elementor-widget-theme-site-logo img {
        max-width: 180px !important; /* Adjust based on your logo size */
        width: auto !important;
        height: auto !important;
        display: inline-block !important;
    }
}