/* Fix: videos incorporados (iframe) com largura fixa causando rolagem horizontal no mobile */
@media (max-width: 781px) {
  .entry-content iframe,
  .wp-block-embed__wrapper iframe,
  iframe.youtube-player {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
  }

  /* Fix: formulario de newsletter (MailPoet) estourando o container no mobile.
     Causa raiz real: o bloco que envolve o formulario tem padding inline fixo de
     250px de cada lado (definido no editor para telas largas), o que sobra do
     espaco disponivel na tela do celular e empurra o formulario para fora.
     Solucao: reduzir esse padding no mobile e garantir que nada encolha abaixo
     do necessario (min-width:0 em itens flex, que tambem tem min-width:auto por
     padrao do navegador). */
  .is-layout-flex > * {
    min-width: 0 !important;
  }

  .wp-block-group:has(.mailpoet_form) {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mailpoet_form,
  .mailpoet_form .mailpoet_paragraph,
  .mailpoet_form .mailpoet_text,
  .mailpoet_form input[type="email"],
  .mailpoet_form input[type="text"],
  .mailpoet_form .mailpoet_submit,
  .mailpoet_form button[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Header fixo (sticky) ao rolar */
header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
}


/* Evitar quebra de linha no menu principal do header */
.wp-block-navigation .wp-block-navigation__container {
  flex-wrap: nowrap !important;
  gap: 10px !important;
}
.wp-block-navigation-item {
  font-size: 14px !important;
}
header.wp-block-template-part .wp-block-navigation {
  flex-grow: 1;
  min-width: 0;
}
header.wp-block-template-part .wp-block-search__input {
  width: 110px !important;
}
@media (max-width: 1100px) {
  .wp-block-navigation .wp-block-navigation__container {
    flex-wrap: wrap !important;
  }
}


/* Separador visual entre itens do menu principal */
.wp-block-navigation .wp-block-navigation-item:not(:last-child) {
  position: relative;
  padding-right: 10px !important;
}
.wp-block-navigation .wp-block-navigation-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: rgba(255,255,255,0.4);
}