/**
 * novelty-extended.css
 * Full Mode — makes all page containers span the full browser width
 * with balanced, responsive padding so content doesn't feel cramped.
 */

html.novelty-ext-full-width .pkp_structure_page header>.container,
html.novelty-ext-full-width .pkp_structure_page footer>.container,
html.novelty-ext-full-width .pkp_structure_page>.container {
    width: 100%;
    /* Prevent infinite stretching on ultra-wide screens (e.g., 4K monitors) */
    max-width: 1920px;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
}

/* Add vertical breathing room to the main content area */
html.novelty-ext-full-width .pkp_structure_page>.container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

html.novelty-ext-full-width footer {
    padding-left: 0rem;
    padding-right: 0rem;
}

/* Medium screens (Tablets/Small Laptops) */
@media (min-width: 768px) {

    html.novelty-ext-full-width .pkp_structure_page header>.container,
    html.novelty-ext-full-width .pkp_structure_page footer>.container,
    html.novelty-ext-full-width .pkp_structure_page>.container {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    html.novelty-ext-full-width .pkp_structure_page>.container {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

/* Large screens (Standard Desktops) */
@media (min-width: 1200px) {

    html.novelty-ext-full-width .pkp_structure_page header>.container,
    html.novelty-ext-full-width .pkp_structure_page footer>.container,
    html.novelty-ext-full-width .pkp_structure_page>.container {
        /* Use percentage for fluid feeling on wider screens */
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

/* Ultra-wide screens */
@media (min-width: 1600px) {

    html.novelty-ext-full-width .pkp_structure_page header>.container,
    html.novelty-ext-full-width .pkp_structure_page footer>.container,
    html.novelty-ext-full-width .pkp_structure_page>.container {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}