/**
 * SkyLearner Tool Kit
 * Full Width H&F Canvas Template (Gutenberg/Spectra)
 *
 * Scoped via WP body class when the template is active.
 * Keep this file lightweight and avoid broad theme overrides.
 */

/*
 * WP body classes differ by post type:
 * - Pages:  page-template-<template-slug>
 * - Posts/CPT: post-template-<template-slug>
 */

body.sltk-fullwidth-hf-canvas-active #content,
body.page-template-sltk-fullwidth-hf-canvas #content,
body.post-template-sltk-fullwidth-hf-canvas #content,
body.sltk-fullwidth-hf-canvas-active .site-content,
body.page-template-sltk-fullwidth-hf-canvas .site-content,
body.post-template-sltk-fullwidth-hf-canvas .site-content,
body.sltk-fullwidth-hf-canvas-active .content-area,
body.page-template-sltk-fullwidth-hf-canvas .content-area,
body.post-template-sltk-fullwidth-hf-canvas .content-area,
body.sltk-fullwidth-hf-canvas-active #primary,
body.page-template-sltk-fullwidth-hf-canvas #primary,
body.post-template-sltk-fullwidth-hf-canvas #primary,
body.sltk-fullwidth-hf-canvas-active .sltk-canvas,
body.page-template-sltk-fullwidth-hf-canvas .sltk-canvas,
body.post-template-sltk-fullwidth-hf-canvas .sltk-canvas {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* BuddyBoss / Bootstrap-like containers that commonly cap width */
body.sltk-fullwidth-hf-canvas-active .container,
body.page-template-sltk-fullwidth-hf-canvas .container,
body.post-template-sltk-fullwidth-hf-canvas .container,
body.sltk-fullwidth-hf-canvas-active .bb-container,
body.page-template-sltk-fullwidth-hf-canvas .bb-container,
body.post-template-sltk-fullwidth-hf-canvas .bb-container,
body.sltk-fullwidth-hf-canvas-active .bb-grid,
body.page-template-sltk-fullwidth-hf-canvas .bb-grid,
body.post-template-sltk-fullwidth-hf-canvas .bb-grid,
body.sltk-fullwidth-hf-canvas-active .site-content .container,
body.page-template-sltk-fullwidth-hf-canvas .site-content .container,
body.post-template-sltk-fullwidth-hf-canvas .site-content .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* BuddyBoss grid gutters: some themes add ~10px padding even on full-width layouts */
body.sltk-fullwidth-hf-canvas-active .bb-grid:not(.no-gutter),
body.page-template-sltk-fullwidth-hf-canvas .bb-grid:not(.no-gutter),
body.post-template-sltk-fullwidth-hf-canvas .bb-grid:not(.no-gutter),
body.sltk-fullwidth-hf-canvas-active .bb-grid__cell:not(.no-gutter),
body.page-template-sltk-fullwidth-hf-canvas .bb-grid__cell:not(.no-gutter),
body.post-template-sltk-fullwidth-hf-canvas .bb-grid__cell:not(.no-gutter) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* BuddyBoss panel layouts: remove template-level side padding that constrains the canvas */
body.sltk-fullwidth-hf-canvas-active .bb-buddypanel .site-content,
body.page-template-sltk-fullwidth-hf-canvas .bb-buddypanel .site-content,
body.post-template-sltk-fullwidth-hf-canvas .bb-buddypanel .site-content,
body.sltk-fullwidth-hf-canvas-active .bb-buddypanel .site-header,
body.page-template-sltk-fullwidth-hf-canvas .bb-buddypanel .site-header,
body.post-template-sltk-fullwidth-hf-canvas .bb-buddypanel .site-header,
body.sltk-fullwidth-hf-canvas-active .bb-buddypanel .bb-footer,
body.page-template-sltk-fullwidth-hf-canvas .bb-buddypanel .bb-footer,
body.post-template-sltk-fullwidth-hf-canvas .bb-buddypanel .bb-footer,
body.sltk-fullwidth-hf-canvas-active .bb-buddypanel .header-search-wrap,
body.page-template-sltk-fullwidth-hf-canvas .bb-buddypanel .header-search-wrap,
body.post-template-sltk-fullwidth-hf-canvas .bb-buddypanel .header-search-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.sltk-fullwidth-hf-canvas-active .sltk-canvas,
body.page-template-sltk-fullwidth-hf-canvas .sltk-canvas,
body.post-template-sltk-fullwidth-hf-canvas .sltk-canvas {
    min-height: 100vh;
}

/* Guardrail against horizontal scroll from full-bleed sections */
body.sltk-fullwidth-hf-canvas-active,
body.page-template-sltk-fullwidth-hf-canvas,
body.post-template-sltk-fullwidth-hf-canvas {
    overflow-x: hidden;
}