/* =========================================================
   ThetaSound Layout Fix
   Corrects Vibra/WPBakery white backgrounds and double scroll
   without creating scrollbars inside each widget.
========================================================= */

/* One main browser scroll only */
html {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #030305 !important;
}

body {
  overflow-x: hidden !important;
  background: #030305 !important;
}

/* Global dark page background */
body,
#page,
.site,
.site-content,
.content-area,
.entry-content,
.page-content,
.wp-site-blocks,
.edgtf-wrapper,
.edgtf-wrapper-inner,
.edgtf-content,
.edgtf-content-inner,
.edgtf-container,
.edgtf-container-inner,
.edgtf-full-width,
.edgtf-full-width-inner,
.edgtf-page-content-holder {
  background-color: #030305 !important;
}

/* Prevent Vibra wrappers from creating a second vertical scrollbar */
.edgtf-wrapper,
.edgtf-wrapper-inner,
.edgtf-content,
.edgtf-content-inner,
.edgtf-container,
.edgtf-container-inner,
.edgtf-full-width,
.edgtf-full-width-inner,
.edgtf-page-content-holder {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* WPBakery should not create white blocks */
.vc_row,
.vc_row-fluid,
.vc_section,
.vc_column_container,
.vc_column-inner,
.wpb_column,
.wpb_wrapper,
.wpb_content_element {
  background: transparent !important;
  max-width: 100% !important;
}

/* Important: no forced vertical overflow on each widget */
.vc_row,
.vc_row-fluid,
.vc_section,
.vc_column_container,
.vc_column-inner,
.wpb_column,
.wpb_wrapper,
.wpb_content_element {
  overflow-y: initial !important;
}

/* Horizontal overflow protection only */
.vc_row,
.vc_row-fluid,
.vc_section,
.vc_column_container,
.vc_column-inner,
.wpb_column,
.wpb_wrapper {
  overflow-x: hidden !important;
}

/* Theta blocks stay dark */
.theta-home,
.theta-page,
.theta-hero,
.services-section,
.featured-section,
.clients-section,
.catalog-preview,
.theta-about-contact {
  background-color: #030305 !important;
}

/* Marquee: needs horizontal clipping but vertical freedom for hover */
.poster-marquee,
.theta-poster-marquee {
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

/* Player keeps its own rounded clipping */
.sticky-player {
  overflow: hidden !important;
}

/* Media safety */
* {
  box-sizing: border-box;
}

img,
video,
canvas,
svg {
  max-width: 100%;
}