/*
 * edfika-header-fix.css
 * Garante que o menu mobile nunca apareça em desktop.
 *
 * POR QUE PRECISAMOS DE ESPECIFICIDADE ALTA:
 * O Astra tema usa ".ast-main-header-nav-open #ast-mobile-header { display:block !important }"
 * com especificidade 1-1-0 (classe + ID). Para vencer, nossas regras precisam de
 * especificidade >= 1-1-0 também com !important. Usamos "html body" para elevar
 * todos os seletores a 0-0-2 + ID/classe = suficiente para ganhar.
 */

/* ── DESKTOP (≥ 922px): ESCONDE TUDO do header mobile ─────── */
@media (min-width: 922px) {

  /* Seletor base */
  #ast-mobile-header,
  .ast-mobile-header-wrap {
    display: none !important;
  }

  /* Vence ".ast-main-header-nav-open #ast-mobile-header" do Astra (1-1-0) */
  html body #ast-mobile-header,
  html body .ast-mobile-header-wrap,
  html body.ast-main-header-nav-open #ast-mobile-header,
  html body.ast-main-header-nav-open .ast-mobile-header-wrap,
  html body.ast-mobile-popup-open #ast-mobile-header,
  html body.ast-mobile-popup-open .ast-mobile-header-wrap {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Garante que o desktop-header aparece */
  html body #ast-desktop-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Botão hambúrguer: nunca aparece em desktop */
  .site-header .menu-toggle,
  .main-header-menu-toggle,
  .ast-mobile-menu-trigger-minimal {
    display: none !important;
  }
}

/* ── MOBILE (≤ 921px): ESCONDE o header desktop ────────────── */
@media (max-width: 921px) {
  html body #ast-desktop-header {
    display: none !important;
  }
  html body #ast-mobile-header,
  html body .ast-mobile-header-wrap {
    display: block !important;
    visibility: visible !important;
  }
}