/* Default header styling - background color matches page background */
#SITE_HEADER {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1000 !important;
    background-color: #f5f6fa !important;
    backdrop-filter: none !important;
}

/* Remove the negative margin since header is now relatively positioned */
[data-mesh-id=comp-lsvsiq7einlineContent-gridContainer] {
    margin-top: 0px !important;
    padding-top: 0px !important;
    position: relative !important;
}

/* Ensure the main content flows normally under the header */
#PAGES_CONTAINER {
    position: relative !important;
    z-index: 10 !important;
}

/* Fix the background color behind the header to match the rest of the page */
#comp-lsvsiq7e .LWbAav {
    background-color: #f5f6fa !important;
}

/* Ensure the background image extends to the top */
#comp-lsvsiq7e {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Special handling for HOME page - header overlays the image */
/* This will be applied when viewing HOME.asp */
body:not(.products-page) #SITE_HEADER {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-color: transparent !important;
}

/* Special handling for PHOTOS and PRODUCTS pages - content starts below header */
/* This will be applied when viewing PHOTOS.asp and PRODUCTS.asp */
.products-page #SITE_HEADER {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    background-color: rgb(38,38,38) !important;
    backdrop-filter: none !important;
}

/* Add top margin to content on PHOTOS and PRODUCTS pages to start below header */
/* This creates blank space equal to header height so background extends to top */
.products-page #PAGES_CONTAINER {
    margin-top: 120px !important;
}

/* Ensure images are visible on all pages - but not panel images */
img:not([id*="Panel"]) {
    display: inline !important;
    visibility: visible !important;
}