/* ============ CUSTOMWARE — HOST (regras OUTSIDE do plugin) ============
 * Regras que precisam afetar o html/body/wrappers do tema WordPress
 * INTENCIONALMENTE — pra que o app do plugin ocupe a viewport inteira
 * e o tema fique transparente atrás. Carregado SOMENTE em páginas que
 * têm o shortcode [customware_*] (via cw_should_print_app_assets).
 *
 * NÃO COLOCAR aqui regras visuais do plugin — só as que precisam
 * "vazar" pra fora do #customware-root pra contornar o tema.
 * ====================================================================== */

/* App gerencia o scroll internamente — trava o scroll do body */
body { overflow: hidden !important; }

/* Esconde elementos do tema que não fazem parte do app */
#colophon,
.site-footer,
.footer-widgets-area,
.footer-bottom,
.bb-footer,
.entry-header { display: none !important; }

/* Fundo escuro — tema fica transparente para o bg animado aparecer */
html { background: #06131F !important; }
body,
.site, .site-inner, .site-content,
.content-area, .site-main, .entry-content,
#page, #content, #primary, #main,
main, article, .hentry { background: transparent !important; }

/* Remove padding/margin dos wrappers do tema — app vai de borda a borda */
.site-content, .content-area, .site-main,
#content, #primary, #main,
main, article, .hentry, .entry-content,
.ast-container, .elementor-section-wrap {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* BG animado fica atrás de tudo */
.dunorte-bg-shell { z-index: 0 !important; }

/* App root: ocupa toda a viewport, descontando os 4 offsets aplicados
   pelo entry-point via inline style (top/left/right/bottom). NÃO definir
   width/height — derivados implicitamente dos 4 lados quando position:fixed. */
#customware-root {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  visibility: hidden;
  max-width: none;
  /* Transição suave ao abrir/fechar header/menu lateral do tema. Mesma
     curva do BuddyBoss no #buddypanel-menu para sincronia visual. */
  transition: top    300ms cubic-bezier(0.4, 0, 0.2, 1),
              left   300ms cubic-bezier(0.4, 0, 0.2, 1),
              right  300ms cubic-bezier(0.4, 0, 0.2, 1),
              bottom 300ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: top, left, right, bottom;
}