.mc-bvac-gate {
    display: flex;
    justify-content: center;
    margin: 24px 0;
}

.mc-bvac-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(180deg, #2f8fff 0%, #1d6fe0 100%);
    border: none;
    border-radius: 999px;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(29, 111, 224, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mc-bvac-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(29, 111, 224, 0.45);
}

.mc-bvac-button:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(29, 111, 224, 0.35);
}

/* Restante do post (dentro do wrapper): comprimido numa prévia baixa e
   borrada — não display:none — até o clique no botão. Ao trocar a classe do
   wrapper (JS), este seletor para de bater e o bloco volta sozinho ao
   tamanho normal, sem blur. */
.mc-bvac-wrap .mc-bvac-hidden {
    max-height: 120px;
    overflow: hidden;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    pointer-events: none;
    user-select: none;
}

/* content-single.php envolve o article num <div class="mx-auto px-4
   min-h-screen">. Com o post comprimido pelo gate, esse min-height:100vh
   (Tailwind) sobra em espaço em branco/borrado até a próxima seção — zera
   enquanto o gate estiver ativo; some junto quando .mc-bvac-wrap é
   renomeada no reveal. */
.min-h-screen:has(.mc-bvac-wrap) {
    min-height: 0 !important;
    margin-bottom: 0 !important;
}

/* Ainda sobra espaço em branco além do .min-h-screen: prováveis ancestrais
   de layout (ex.: <main id="main" class="site-main">, #page, body) também
   forçando altura mínima — comum em temas com o truque do "sticky footer"
   (flex + min-height:100vh). Zera junto enquanto o gate estiver ativo. */
html:has(.mc-bvac-wrap),
body:has(.mc-bvac-wrap),
#page:has(.mc-bvac-wrap),
#main:has(.mc-bvac-wrap),
.site-main:has(.mc-bvac-wrap) {
    min-height: 0 !important;
}

/* Blocos que o tema imprime DEPOIS de the_content(), ainda dentro do mesmo
   .entry-content (content-single.php: "Published in...", aviso de IA,
   categoria do post) — irmãos do wrapper, ficam ocultos enquanto o gate
   estiver ativo. */
.mc-bvac-wrap ~ * {
    display: none !important;
}

/* .entry-footer ("About the author") é irmão de .entry-content, fora dele —
   :has() alcança essa seção sem precisar editar o template do tema. */
article:has(.mc-bvac-wrap) .entry-footer {
    display: none !important;
}

/* "You might also like" / "Você Também Pode Gostar" (single.php:
   <section class="... related ...">, impressa DEPOIS do artigo, fora dele)
   — sem um ancestral comum mais próximo pra usar, escopa pelo body. */
body:has(.mc-bvac-wrap) section.related {
    display: none !important;
}