/**
 * bunquer! Core — Etiquetas de editoria
 *
 * Só o esqueleto: o layout e o "jeito da casa" (caixa-alta, compacta, sólida).
 * Tudo o que é visual passa por custom properties, e os controles do widget
 * escrevem em cima delas através dos seletores do Elementor — que têm
 * especificidade maior (.elementor-element-xxx .bq-editoria), então o que for
 * ajustado no editor sempre ganha desta base.
 *
 * Cascata da cor de fundo:
 *   --bq-editoria-cor     → cor da própria editoria (inline, por etiqueta)
 *   --bq-editoria-fundo   → controle "Cor de fundo" do widget
 *   #003a71               → azul do portal
 */

.bq-editorias {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bq-editorias-gap, 8px);
}

.bq-editoria {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    background-color: var(--bq-editoria-cor, var(--bq-editoria-fundo, #003a71));
    color: var(--bq-editoria-texto, #fff);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
}

a.bq-editoria {
    transition: background-color 0.2s ease, color 0.2s ease;
}

a.bq-editoria:hover,
a.bq-editoria:focus-visible {
    background-color: var(--bq-editoria-fundo-hover, var(--bq-editoria-cor, var(--bq-editoria-fundo, #003a71)));
    color: var(--bq-editoria-texto-hover, var(--bq-editoria-texto, #fff));
}