<?php
/**
 * Template: Bootstrap Studio Page
 * Template Name: Bootstrap Studio
 * Template Post Type: page, post
 *
 * Full-width template that keeps the theme header/footer
 * but removes the page title, sidebars, and gutters.
 * Bootstrap .container classes inside the content are NOT touched —
 * they provide the inner padding that keeps content readable.
 */
if (!defined('ABSPATH')) exit;

get_header();

while (have_posts()) : the_post();
?>

<style>
/* Make the THEME wrappers full-width so sections go edge-to-edge.
   We target theme-specific classes only — NOT Bootstrap's .container. */
.wpbs-fullwidth-wrap {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    float: none;
}
/* Hide the theme page title */
.entry-title,
.page-title,
.post-title {
    display: none !important;
}
/* Override THEME layout wrappers only */
.site-content,
.content-area,
.site-main,
.entry-content,
.post-content,
.page-content,
#primary,
#content,
.ast-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* Hide sidebar */
#secondary,
.sidebar,
.widget-area,
aside.sidebar {
    display: none !important;
}
#primary {
    float: none !important;
}
</style>

<div class="wpbs-fullwidth-wrap">
    <?php the_content(); ?>
</div>

<?php
endwhile;

get_footer();
