/* Fix for header overlapping content in market_3 theme */
/* This addresses the issue where header-30 uses absolute positioning 
   without proper main content padding */
/*
.page-main {
    padding-top: 120px;
}
*/

/* Handle pages with breadcrumbs */
.breadcrumbs {
    padding-top: 100px;
}

.breadcrumbs + .page-main {
    padding-top: 30px;
}

/* Fix RevSlider appearing behind header menu */
/* The header has z-index: 9, so we need RevSlider to have a higher z-index */
/* Use more specific selectors to override RevSlider's own CSS */
body .rs-module-wrap,
body rs-module-wrap,
.page-wrapper .rs-module-wrap,
.page-wrapper rs-module-wrap {
    z-index: 15 !important;
    position: relative !important;
}

/* Ensure RevSlider content layers are properly stacked */
body .tp-revslider-mainul,
.page-wrapper .tp-revslider-mainul {
    z-index: 16 !important;
}

/* Fix the fullwidth wrapper height issue - this is the main cause of the gap */
/* More conservative approach - let the slider determine its own height but fix spacing after */
rs-fullwidth-wrap,
body rs-fullwidth-wrap,
.page-wrapper rs-fullwidth-wrap,
.home-page-25 rs-fullwidth-wrap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Reduce the gap after the slider by targeting the next element */
.home-page-25 rs-fullwidth-wrap + .container {
    margin-top: -450px !important;
    position: relative;
    z-index: 10;
    padding-top: 20px;
}

/* For homepage specifically, reduce top padding since RevSlider handles spacing */
.cms-index-index .page-main {
    padding-top: 0px;
}

/* Push RevSlider down to account for header height */
.cms-index-index .rs-module-wrap,
.cms-index-index rs-module-wrap {
    margin-top: 130px !important;
    margin-bottom: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .page-main {
        padding-top: 100px;
    }
    
    .breadcrumbs {
        padding-top: 80px;
    }
    
    /* Homepage mobile adjustment */
    .cms-index-index .page-main {
        padding-top: 0px;
    }
    
    /* Push RevSlider down on mobile */
    .cms-index-index .rs-module-wrap,
    .cms-index-index rs-module-wrap {
        margin-top: 110px !important;
        margin-bottom: 0 !important;
    }
    
    /* Adjust negative margin for mobile */
    .home-page-25 rs-fullwidth-wrap + .container {
        margin-top: -300px !important;
    }
}

@media (max-width: 480px) {
    .page-main {
        padding-top: 90px;
    }
    
    .breadcrumbs {
        padding-top: 70px;
    }
    
    /* Homepage mobile adjustment */
    .cms-index-index .page-main {
        padding-top: 0px;
    }
    
    /* Push RevSlider down on small mobile */
    .cms-index-index .rs-module-wrap,
    .cms-index-index rs-module-wrap {
        margin-top: 100px !important;
        margin-bottom: 0 !important;
    }
    
    /* Adjust negative margin for small mobile */
    .home-page-25 rs-fullwidth-wrap + .container {
        margin-top: -250px !important;
    }
}