/*
 * Estilos para o Emblema de Anunciante Frequente CVX
 */

.cvx-frequent-advertiser-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff; /* Texto branco */
    background-color: #007bff; /* Azul primário */
    border-radius: 12px; /* Cantos arredondados */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}

.cvx-frequent-advertiser-badge svg {
    fill: #ffffff !important; /* Ícone branco */
    margin-right: 5px;
    width: 14px;
    height: 14px;
}

/* Estilo para quando o emblema for exibido em um contexto escuro ou de destaque */
.cvx-frequent-advertiser-badge.highlight {
    background-color: #28a745; /* Verde para destaque */
}

/* Estilo para garantir que o emblema se ajuste bem em diferentes tamanhos de tela */
@media (max-width: 768px) {
    .cvx-frequent-advertiser-badge {
        margin-left: 5px;
        padding: 2px 6px;
        font-size: 10px;
    }
}