/* ===========================================================
   CHILD FIXES
   - escopo ao miolo do WP (#content) para não interferir no header/footer Webflow
   - ajustes de grid, tipografia e imagens do tema
   =========================================================== */

/* Protege o grid do tema apenas no miolo */
#content { 
  max-width: 100%;
  position: relative;
}

/* Alvos comuns do tema dentro do content */
#content #primary,
#content .content-area,
#content #secondary,
#content .widget-area {
  box-sizing: border-box;
  max-width: 100%;
  position: static !important;
  display: block !important;   /* evita display:none herdado */
}

/* ===== Larguras com sidebar ===== */
@media (min-width: 992px) {
  /* Right sidebar */
  body.right-sidebar #content #primary,
  body.kubrick-right-sidebar #content #primary,
  body.right-sidebar #content .content-area,
  body.kubrick-right-sidebar #content .content-area {
    width: 70% !important;
    float: left !important;
  }

  body.right-sidebar #content #secondary,
  body.kubrick-right-sidebar #content #secondary,
  body.right-sidebar #content .widget-area,
  body.kubrick-right-sidebar #content .widget-area {
    width: 30% !important;
    float: right !important;
  }

  /* Left sidebar */
  body.left-sidebar #content #primary,
  body.kubrick-left-sidebar #content #primary,
  body.left-sidebar #content .content-area,
  body.kubrick-left-sidebar #content .content-area {
    width: 70% !important;
    float: right !important;
  }

  body.left-sidebar #content #secondary,
  body.kubrick-left-sidebar #content #secondary,
  body.left-sidebar #content .widget-area,
  body.kubrick-left-sidebar #content .widget-area {
    width: 30% !important;
    float: left !important;
  }
}

/* Sem sidebar */
body.no-sidebar #content #primary,
.kubrick-no-sidebar #content #primary,
body.no-sidebar #content .content-area,
.kubrick-no-sidebar #content .content-area {
  width: 100% !important;
  float: none !important;
}

/* ===== Tipografia/estrutura no miolo ===== */
#content main, 
#content section, 
#content article, 
#content aside {
  max-width: 100%;
  box-sizing: border-box;
}

/* Parágrafos e listas mais “limpos” dentro do miolo */
#content p { margin: 0 0 1.1em; }
#content ul, #content ol { margin: 0 0 1.2em 1.3em; }
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 { margin: 0 0 .6em; }

/* Imagens nunca “estouram” a largura do miolo */
#content img, 
#content figure { 
  max-width: 100%; 
  height: auto; 
}

/* Evita que utilitários do Webflow vazem pro miolo */
#content .w-nav,
#content .w-dropdown,
#content .w-richtext,
#content .w-embed { 
  all: unset; 
  display: revert;
}

/* ===== (Opcional) esconder ícones sociais/comentários em listagens/post ===== */
/*
#content .entry-share,
#content .entry-comments { display: none !important; }
*/

/* ===========================================================
   HEADER WEBFLOW – FALLBACK + ESTILO DO MENU MOBILE
   - só atua dentro do wrapper .webflow-header
   =========================================================== */
@media (max-width: 991px) {
  /* overlay para toque-fora (sem blackout) */
  .webflow-header .w-nav-overlay {
    position: fixed;
    inset: 0;
    display: none; /* vira 'block' via JS */
    background: transparent !important; /* mude para rgba(0,0,0,.35) se quiser dim */
  }

  /* painel do menu */
  .webflow-header .w-nav-menu {
    position: fixed;
    top: 64px;                 /* altura aproximada da barra */
    right: 0; left: 0;
    background: #fff;
    color: #111;
    padding: 16px 24px;
    max-height: calc(100vh - 64px);
    overflow: auto;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    display: none;             /* fechado por padrão */
  }
  /* aberto pelo JS (classe adicionada no dropdown-fallback) */
  .webflow-header .w-nav-menu.w--nav-open { 
    display: block !important;
  }

  /* ===== NOVO: organiza os links do menu em coluna e o botão abaixo ===== */
  .webflow-header .navbar1_menu .navbar1_menu-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .webflow-header .navbar1_menu .navbar1_menu-links a.navbar1_link,
  .webflow-header .w-nav-menu a.w-nav-link {
    display: block !important;
    width: 100% !important;
    padding: 12px 0 !important;
    color: #111 !important;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.3;
  }
  .webflow-header .navbar1_menu .navbar1_menu-buttons {
    margin-top: 16px !important;
    width: 100% !important;
  }
  .webflow-header .navbar1_menu .navbar1_menu-buttons .w-button {
    width: 100%;
  }

  /* dropdown dentro do menu mobile */
  .webflow-header .w-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: #111 !important;
  }
  .webflow-header .w-dropdown-list {
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
    margin-left: 0;
    display: none; /* fechado por padrão */
  }
  .webflow-header .w-dropdown-list.w--open {
    display: block;
  }
  .webflow-header .w-dropdown-list a {
    padding-left: 12px; /* leve recuo do submenu */
  }

  /* garante que a barra fique acima do conteúdo */
  .webflow-header .navbar1_component { 
    z-index: 9999;
  }
}

/* trava o scroll do body quando o menu mobile abre (classe aplicada no JS) */
html.w-nav-open,
body.w-nav-open {
  overflow: hidden;
}

/* Suaviza transições (opcional) */
@media (prefers-reduced-motion: no-preference) {
  .webflow-header .w-nav-menu,
  .webflow-header .w-dropdown-list {
    transition: all .2s ease;
  }
}

/* ===========================================================
   FOOTER WEBFLOW – APENAS ESCOPADO (sem resets agressivos)
   =========================================================== */
.webflow-footer { 
  position: relative; 
  z-index: 1;
}

/* Evita colidir com grid do tema dentro do miolo */
#content .webflow-footer,
#content .navbar1_component,
#content .footer3_component {
  display: initial;
}
/* ===== Correções finais do menu mobile Webflow ===== */
@media (max-width: 991px) {
  /* anula o layout centralizado do Webflow e qualquer translate inline */
  .webflow-header .navbar1_menu.is-page-height-tablet {
    display: block !important;
    height: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    padding: 16px 24px !important;
  }

  /* o contêiner de links precisa virar coluna, do topo */
  .webflow-header .navbar1_menu .navbar1_menu-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
  }

  /* botão “Contato” ocupando a largura e separado dos links */
  .webflow-header .navbar1_menu .navbar1_menu-buttons {
    margin-top: 16px !important;
    width: 100% !important;
  }
  .webflow-header .navbar1_menu .navbar1_menu-buttons .w-button {
    width: 100% !important;
  }

  /* links e spans sempre visíveis e empilhados */
  .webflow-header .navbar1_menu a.w-nav-link,
  .webflow-header .navbar1_link,
  .webflow-header .navbar1_menu a,
  .webflow-header .navbar1_menu span {
    display: block !important;
    color: #111 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }

  /* dropdown dentro do menu */
  .webflow-header .w-dropdown-toggle {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 !important;
    color: #111 !important;
  }
  .webflow-header .w-dropdown-list {
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
    margin-left: 0 !important;
    display: none !important;                  /* fechado por padrão */
  }
  .webflow-header .w-dropdown-list.w--open {
    display: block !important;                 /* aberto pelo JS/Webflow */
  }
  .webflow-header .w-dropdown-list a {
    padding-left: 12px !important;             /* leve recuo do submenu */
  }

  /* painel do menu (fixo, do topo pra baixo) */
  .webflow-header .w-nav-menu {
    position: fixed !important;
    top: 64px !important;                      /* ajuste se a barra tiver outra altura */
    left: 0; right: 0;
    background: #fff !important;
    padding: 16px 24px !important;
    max-height: calc(100vh - 64px) !important;
    overflow: auto !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
  }

  /* overlay clicável sem escurecer (mude se quiser) */
  .webflow-header .w-nav-overlay {
    position: fixed !important;
    inset: 0 !important;
    display: none;                              /* vira 'block' via JS */
    background: transparent !important;         /* use rgba(0,0,0,.35) p/ dim */
  }

  /* tudo acima do conteúdo */
  .webflow-header .navbar1_component {
    z-index: 9999;
  }
}

/* trava scroll quando o menu abre (classe aplicada pelo JS fallback) */
html.w-nav-open,
body.w-nav-open { overflow: hidden !important; }

/* transições suaves (opcional) */
@media (prefers-reduced-motion: no-preference) {
  .webflow-header .w-nav-menu,
  .webflow-header .w-dropdown-list { transition: all .2s ease; }
}
/* ===== Estilo do menu mobile com fundo preto ===== */
@media (max-width: 991px) {
  .webflow-header .w-nav-menu {
    background: #000 !important;      /* fundo preto */
    color: #fff !important;
  }

  /* links brancos */
  .webflow-header .w-nav-menu a,
  .webflow-header .w-nav-menu span,
  .webflow-header .w-dropdown-toggle {
    color: #fff !important;
  }

  /* sublinks também brancos */
  .webflow-header .w-dropdown-list a {
    color: #fff !important;
  }
}
/* ===== Limpa bordas do submenu no mobile ===== */
@media (max-width: 991px) {
  .webflow-header .w-dropdown-list {
    border: none !important;
    background: #000 !important; /* mantém fundo preto */
  }

  .webflow-header .w-dropdown-list a {
    border: none !important;
    color: #fff !important;
    padding: 10px 16px;
    display: block;
  }

  .webflow-header .w-dropdown-list a:hover {
    background: rgba(255,255,255,.1); /* efeito hover leve */
  }
}
/* ===== Força o menu mobile FECHADO por padrão ===== */
@media (max-width: 991px) {
  /* Esconde visualmente e bloqueia interação, mesmo com inline styles do Webflow */
  .webflow-header .w-nav-menu {
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transform: none !important;           /* ignora transform inline */
    transition: max-height .25s ease, opacity .2s ease;
  }
  /* Quando aberto pelo fallback (classe w--nav-open), libera */
  .webflow-header .w-nav-menu.w--nav-open {
    max-height: 85vh !important;          /* área visível */
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Dropdown dentro do menu mobile: fechado por padrão */
  .webflow-header .w-dropdown-list {
    display: none !important;
  }
  .webflow-header .w-dropdown-list.w--open {
    display: block !important;
  }
}
/* ===== Menu mobile: garantir que o MENU fique acima do overlay ===== */
@media (max-width: 991px) {
  .webflow-header .w-nav-menu {
    z-index: 10001 !important;     /* acima do overlay */
  }
  .webflow-header .w-nav-overlay {
    z-index: 10000 !important;     /* fica atrás do menu */
    pointer-events: auto;           /* permite toque-fora para fechar */
  }
}