/**
 * Alternancia de variantes por largura de tela.
 *
 * O tema servia HTML diferente para celular e computador usando wp_is_mobile(),
 * o que obrigava o cache de pagina do nginx a guardar cada URL duas vezes (a
 * chave incluia $wp_device). Agora o HTML e sempre o mesmo e a escolha acontece
 * aqui, no CSS.
 *
 * Estas regras nao usam utilitarios do Tailwind porque o main.css deste tema e
 * um artefato ja compilado, sem processo de build no projeto: uma classe que
 * nao esteja nele simplesmente nao existe. Foi o que aconteceu com "md:block",
 * ausente do arquivo, que deixou a secao de categorias oculta em toda largura.
 *
 * O ponto de corte de 768px acompanha o breakpoint "md" usado no restante do
 * tema.
 */

.aav-desktop-only {
    display: none;
}

@media (min-width: 768px) {
    .aav-desktop-only {
        display: block;
    }

    .aav-mobile-only {
        display: none;
    }
}