/* KolorTube: definitive 100% layout layer.
 * Loaded last to neutralize Bootstrap/custom fixed-width conflicts.
 */
html, body, #page, .site { width:100%; max-width:none; margin:0; padding:0; }
html, body { overflow-x:hidden; }
*, *::before, *::after { box-sizing:border-box; }

/* Every outer layout shell uses the full viewport width. */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-fluid,
.nav-container,
#content,
#content > .container,
#content > .container-fluid,
.wrapper,
#page-wrapper,
#archive-wrapper,
#search-wrapper,
#author-wrapper,
#single-wrapper,
#wrapper-navbar,
#wrapper-footer,
.site-footer,
.wpst-p2-container,
.wpst-library-shell,
.wpst-creator-dashboard,
.wpst-dashboard-shell,
.wpst-site-container,
.wpst-fullwidth-container {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Remove the recurring Bootstrap container/row side gaps. */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-fluid,
.nav-container,
#content > .container,
#content > .container-fluid,
.wpst-p2-container {
  padding-left:0 !important;
  padding-right:0 !important;
}
.row,
.row.no-gutters,
.hero-text {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Generic pages were restricted by col-md-8 + mx-auto. */
.wpst-full-column,
.col-12.wpst-full-column,
#primary.content-area,
.site-main,
#main,
.entry-content,
.entry-summary,
.page-header,
.taxonomy-description {
  width:100% !important;
  max-width:none !important;
  flex:0 0 100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.mx-auto { margin-left:0 !important; margin-right:0 !important; }

/* Keep inner reading areas usable without recreating an outer blank margin. */
#page-wrapper .site-main,
#archive-wrapper .site-main,
#search-wrapper .site-main,
#author-wrapper .site-main,
.page .site-main,
.archive .site-main,
.search .site-main,
.author .site-main,
.error404 .site-main,
.single-video-comments,
.wpst-p2-header,
.wpst-p2-body,
.wpst-p2-section-head,
.wpst-p2-comments,
.hero-text > [class*="col-"] {
  padding-left:16px !important;
  padding-right:16px !important;
}

/* Homepage: fixed rail + all remaining width, no outside whitespace. */
.wpst-home-shell {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  grid-template-columns:220px minmax(0,1fr) !important;
}
.wpst-home-menu { width:220px !important; max-width:220px !important; }
.wpst-home-shell .video-loop { width:100% !important; max-width:none !important; min-width:0 !important; }
.wpst-home-shell .video-loop > .row,
.wpst-home-shell .video-loop > .row > .col-12,
.video-loop,
.video-loop > .row,
.video-loop > .row > [class*="col-"] { max-width:none; }

/* Archives with optional sidebars: content fills all leftover space. */
#content.d-flex,
.container.d-flex { display:flex !important; width:100% !important; }
#secondary.widget-area,
.sidebar-left,
.sidebar-right { flex:0 0 220px; max-width:220px; }
#primary.content-area { min-width:0; flex:1 1 auto !important; width:auto !important; }

/* Single-video layout and related grid span the viewport. */
.wpst-p2-article,
.wpst-p2-single,
.wpst-p2-related,
.related-videos,
.wpst-p2-player-wrap { width:100% !important; max-width:none !important; }
.wpst-p2-article { padding-top:0 !important; }
.wpst-p2-player-wrap { border-radius:0 !important; }
.wpst-p2-related .wpst-p2-container { padding:0 !important; }
.wpst-p2-related .wpst-p2-section-head { padding-left:16px !important; padding-right:16px !important; }

/* Header/footer align exactly with the viewport. */
.navbar .nav-container,
#wrapper-footer > .container,
footer .container { width:100% !important; max-width:none !important; margin:0 !important; padding-left:16px !important; padding-right:16px !important; }

@media (max-width:991.98px) {
  .wpst-home-shell { display:block !important; }
  .wpst-home-menu { width:100% !important; max-width:none !important; }
  #secondary.widget-area,.sidebar-left,.sidebar-right { flex:0 0 100%; max-width:none; width:100%; }
  #content.d-flex,.container.d-flex { display:block !important; }
}
@media (max-width:575.98px) {
  #page-wrapper .site-main,
  #archive-wrapper .site-main,
  #search-wrapper .site-main,
  #author-wrapper .site-main,
  .page .site-main,
  .archive .site-main,
  .search .site-main,
  .author .site-main,
  .error404 .site-main,
  .wpst-p2-header,
  .wpst-p2-body,
  .wpst-p2-section-head,
  .wpst-p2-comments,
  .hero-text > [class*="col-"] { padding-left:10px !important; padding-right:10px !important; }
  .navbar .nav-container,
  #wrapper-footer > .container,
  footer .container { padding-left:10px !important; padding-right:10px !important; }
}