/**
 * ============================================================================
 * home-layout.css - Home Page Layout Styles
 * ============================================================================
 * File Location: /www/wwwroot/payorget.com/app/Modules/Frontend/Home/Assets/css/home-layout.css
 * Purpose: Layout containers with scrollable content
 * Updated: Removed bottom spacing and adjusted page wrapper
 * ============================================================================
 */

/* Enable vertical scrolling while hiding scrollbars */
html, body {
    margin: 0;
    padding: 0;
    overflow-y: scroll; /* Changed from hidden to scroll */
    overflow-x: hidden;
    height: auto;       /* Changed from 100% to auto */
    min-height: 100vh;
}

/* Hide scrollbars while maintaining functionality */
* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

*::-webkit-scrollbar {
    display: none;
}

/* Page wrapper - Removed extra spacing */
#page-wrapper {
    width: 1200px;
    margin: 0 auto;
    background: #FFFFFF;
    min-height: 100vh;
    position: relative;
    padding-bottom: 0 !important; /* Ensure no bottom padding */
    margin-bottom: 0 !important;  /* Ensure no bottom margin */
}

/* Module containers */
#header-container,
#hero-banner-container,
#after-hero-banner-container,
#content-container,
#footer-container {
    width: 100%;
    position: relative;
}

/* Footer container specific - ensure it sits at bottom with no gap */
#footer-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Base typography */
body {
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: #212529;
    padding-bottom: 0 !important; /* Remove any body bottom padding */
    margin-bottom: 0 !important;  /* Remove any body bottom margin */
}

/* Ensure last child has no bottom margin */
#page-wrapper > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}