/* Top bar - fluido + wrap — blindado contra hash nowrap de produção */
header > .wp-block-group.site-header-top,
header.wp-block-template-part > .wp-block-group.site-header-top.wp-container-core-group-is-layout-26616324,
body .site-header-top.is-layout-flex {
  padding: 1rem clamp(1rem, 5vw, 6rem) !important;
  gap: 1rem 1.5rem !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

header.wp-block-template-part > .wp-block-group.site-header-top.wp-container-core-group-is-layout-26616324 {
  flex-wrap: wrap !important;
  justify-content: space-between !important;
}

/* Logo 190px desktop */
header .site-header-top .wp-block-site-logo img {
  width: 190px !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Tablet: reduz padding */
@media (max-width: 1024px) {
  header > .wp-block-group.site-header-top {
    padding: 1rem clamp(1rem, 3vw, 2rem) !important;
  }
}

/* Mobile: busca abaixo, header em coluna controlada */
@media (max-width: 768px) {
  header > .wp-block-group.site-header-top {
    padding: 0.75rem 1rem !important;
    gap: 0.75rem !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /* Linha 1: Logo + hambúrguer lado a lado */
  header > .wp-block-group.site-header-top .wp-block-site-logo img {
    width: 140px !important;
  }

  /* Navegação ocupa largura e empurra busca para linha de baixo — só quando fechado */
  header > .wp-block-group.site-header-top .wp-block-navigation:not(.is-menu-open):not(.has-modal-open) {
    margin-left: auto !important;
  }

  /* Busca vai para segunda linha, 100% — força quebra mesmo com nowrap hash */
  header > .wp-block-group.site-header-top .site-header-search,
  header > .wp-block-group.site-header-top .wp-block-search.site-header-search,
  header.wp-block-template-part > .wp-block-group.site-header-top > .site-header-search.wp-block-search,
  header.wp-block-template-part > .wp-block-group.site-header-top > form.site-header-search {
    flex: 1 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    order: 10 !important;
    margin-top: 0.5rem !important;
  }

  header.wp-block-template-part > .wp-block-group.site-header-top.wp-container-core-group-is-layout-26616324 {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 480px) {
  header > .wp-block-group.site-header-top .wp-block-site-logo img {
    width: 120px !important;
  }
}