/**
 * Adsterra — laterais fixed (desktop) + rodapé fixed (mobile).
 * Não altera padding/margin dos containers da página.
 */
.mek-adx-root {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
  pointer-events: none;
}

.mek-adx-rail {
  display: none;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 600px;
  max-height: 90vh;
  z-index: 35;
  overflow: hidden;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.2);
}

.mek-adx-rail--left {
  left: max(4px, env(safe-area-inset-left, 0px));
}

.mek-adx-rail--right {
  right: max(4px, env(safe-area-inset-right, 0px));
}

.mek-adx-footer {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 35;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  pointer-events: auto;
  background: rgba(8, 8, 14, 0.72);
}

.mek-adx-footer-inner {
  width: 320px;
  height: 50px;
  overflow: hidden;
}

body.mek-show-adx.mek-adx-desktop .mek-adx-rail {
  display: block;
}

body.mek-show-adx.mek-adx-mobile .mek-adx-footer {
  display: flex;
}

/* Native no fluxo do conteúdo — sem fixed */
.mek-adx-native {
  display: block;
  width: 100%;
  max-width: 720px;
  margin: 16px auto;
  min-height: 80px;
  overflow: hidden;
}

body.wp-modal-open .mek-adx-rail,
body.wp-modal-open .mek-adx-footer,
body.tela-bloqueio-ativa .mek-adx-rail,
body.tela-bloqueio-ativa .mek-adx-footer {
  display: none !important;
}

/* Leitor: rodapé um pouco acima dos controles se necessário */
body.leitor-page.mek-adx-mobile .mek-adx-footer {
  z-index: 25;
}