/**
 * AI Page Builder - Blank Template Styles
 * Full-width layout for AI Page Builder pages
 */

/* Reset body margins for blank template */
body.aipb-blank-template-active {
    margin: 0 !important;
    padding: 0 !important;
}

/* Full-width wrapper */
.aipb-full-width-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Full-width main content area */
.aipb-blank-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override theme constraints */
.aipb-blank-page .entry-content,
.aipb-blank-page .site-content,
.aipb-blank-page .content-area {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure full-width for all containers */
body.page-template-aipb-blank-template .site-main,
body.page-template-aipb-blank-template #content,
body.page-template-aipb-blank-template .content-area,
body.page-template-aipb-blank-template .site-content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Removed theme-specific constraints to allow natural content flow */

/* Ensure sections can use full width */
.aipb-blank-page section,
.aipb-blank-page .section {
    width: 100%;
    max-width: 100%;
}

/* Allow content sections to define their own max-width if needed */
.aipb-blank-page .content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Remove Hello Elementor theme specific constraints */
body.page-template-aipb-blank-template .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}

body.page-template-aipb-blank-template .hello-elementor .site-main {
    max-width: 100% !important;
}

/* Hello Elementor specific overrides */
.hello-elementor .aipb-blank-page,
.hello-elementor .aipb-full-width-wrapper,
.hello-elementor .aipb-content-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override Hello theme's content width */
body.aipb-blank-template-active .site-header + .site-main,
body.aipb-blank-template-active .site-main {
    max-width: 100% !important;
    margin: 0 !important;
}

/* Ensure no containers limit width */
body.aipb-blank-template-active .site-main > *,
body.aipb-blank-template-active .content-area > *,
body.aipb-blank-template-active #primary > * {
    max-width: 100% !important;
}

/* Override any CSS custom properties that might limit width */
body.aipb-blank-template-active {
    --content-width: 100% !important;
    --container-max-width: 100% !important;
}

/* Hide theme header/footer when custom templates are active */
body:has(.aipb-header-template) > header,
body:has(.aipb-header-template) #site-header,
body:has(.aipb-header-template) .site-header,
body:has(.aipb-header-template) #masthead {
    display: none !important;
}

body:has(.aipb-footer-template) > footer,
body:has(.aipb-footer-template) #site-footer,
body:has(.aipb-footer-template) .site-footer,
body:has(.aipb-footer-template) #colophon {
    display: none !important;
}