/*
 * bunquer! Core — Selo "Imagem produzida com auxílio de IA"
 *
 * Folha avulsa, fora do build Tailwind do portal.css: o selo precisa valer
 * também em container Elementor solto na página, e portal.css é escopado em
 * .bq-portal. Ver includes/ia-badge.php.
 *
 * O texto vem da variável --bq-ia-texto, injetada pelo PHP a partir do filtro
 * bunquer_ia_texto(). O valor abaixo é só a reserva.
 *
 * Herança faz o trabalho da supressão: .bq-ia-off zera a variável, e como
 * variável CSS desce para os filhos, a classe funciona tanto no elemento do
 * selo quanto em qualquer ancestral dele. content: none não gera pseudo.
 */

:root {
    --bq-ia-texto: "Imagem produzida com auxílio de IA";
}

.bq-ia-off {
    --bq-ia-texto: none;
}

/*
 * <img> é elemento substituído e não aceita pseudo-elemento, então o selo vai
 * no pai. A lista cobre o que aparece na prática: figure do editor, o wrapper
 * do widget Imagem do Elementor, o link do card e a div de recorte dos
 * templates. Fora disso, a classe manual bq-ia-bg resolve.
 */
.bq-ia-bg,
:where(figure, a, div, span, li, article, .elementor-widget-container):has(> img.bq-ia) {
    position: relative;
}

.bq-ia-bg::after,
:where(figure, a, div, span, li, article, .elementor-widget-container):has(> img.bq-ia)::after {
    content: var(--bq-ia-texto);
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 2;
    max-width: calc(100% - 16px);
    padding: 3px 8px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.01em;
    text-align: right;
    text-transform: none;
    text-decoration: none;
    white-space: normal;
    pointer-events: none;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

/* Em tela estreita o selo encolhe para não cobrir metade da imagem. */
@media (max-width: 480px) {
    .bq-ia-bg::after,
    :where(figure, a, div, span, li, article, .elementor-widget-container):has(> img.bq-ia)::after {
        right: 4px;
        bottom: 4px;
        padding: 2px 6px;
        font-size: 9px;
    }
}

/* Impressão: sem fundo translúcido, que sai como mancha cinza no papel. */
@media print {
    .bq-ia-bg::after,
    :where(figure, a, div, span, li, article, .elementor-widget-container):has(> img.bq-ia)::after {
        background: none;
        color: #000;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}