/* Custom CSS to expand PaperMod content width */

:root {
    --main-width: 720px; /* Increased from 720px to 1000px */
    --nav-width: 1024px; /* Increased from 1024px to 1200px */
}

/* Sticky Navigation Bar */
.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: var(--theme) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}

/* Show border when scrolled */
.header.scrolled {
    border-bottom: 1px solid var(--border) !important;
}

/* Add padding to body to account for fixed header */
body {
    padding-top: calc(var(--header-height) + 20px) !important;
}

/* Additional responsive adjustments */
@media (max-width: 1200px) {
    :root {
        --main-width: 900px;
        --nav-width: 1000px;
    }
}

@media (max-width: 768px) {
    :root {
        --main-width: 95vw; /* Use viewport width on mobile */
        --nav-width: 95vw;
    }
}