/* Base */
@import 'base/_variables.css';
@import 'base/_reset.css';

/* Layout */
@import 'layout/_sidebar.css';
@import 'layout/_header.css';
@import 'layout/_footer.css';

/* Components */
@import 'components/_buttons.css';
@import 'components/_forms.css';
@import 'components/_modals.css';
@import 'components/_cards.css';
@import 'components/_navigation.css';
@import 'components/_mobile-bottom-nav.css';
@import 'components/_user_levels.css';
@import 'components/_recent-wins.css';
@import 'components/_chat.css';
@import 'components/_user-profile-popup.css';

/* Pages */
@import 'pages/_home.css';
@import 'pages/_game.css';
@import 'pages/_profile.css';
@import 'pages/_auth.css';
@import 'pages/_loyalty-ranks.css';
@import 'pages/_history.css';
@import 'pages/_promotions.css';

/* Utilities */
@import 'utilities/_spacing.css';
@import 'utilities/_flexbox.css';
@import 'utilities/_animations.css';

/* Site Layout */
body .site-body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--color-bg) !important;
    padding-top: var(--header-height); /* Same as header height */
}

.main-wrapper {
    display: flex;
    flex: 1;
    width: 100%;
    min-height: calc(100vh - var(--header-height));
}

/* Sidebar layout styles moved to layout/_sidebar.css */

/* Global Content Containers */
.profile-container,
.game-container,
.section-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Header styles moved to components/_navigation.css */

/* Mobile sidebar styles moved to layout/_sidebar.css */

@media (max-width: 991.98px) {
    body .site-body {
        padding-top: 60px; /* Adjusted for mobile header height */
    }
    
    body .content-wrapper {
        margin-left: 0 !important;
    }
    
    body .site-header {
        padding-left: 0 !important;
    }
}