/* =========================================================================
   Compat com Page Builders — Elementor, WPBakery, Brizy, Bricks, Beaver,
   SiteOrigin, Gutenberg/FSE.
   Garante que widgets renderizados pelos builders herdem o design system
   do Cruzeiro do Povo (fontes, cores, espaçamentos, focus states).
   ========================================================================= */

.elementor-widget,
.vc_general,
.brz-root__container,
#brx-content,
.fl-builder-content,
.so-panel,
.wp-block {
	font-family: var(--cdp-font-body, inherit);
	color: inherit;
}

body.cdp-builder-active .cdp-builder-canvas,
body.cdp-builder-active .cdp-builder-entry,
body.cdp-builder-active .entry-content,
body.cdp-builder-active .elementor,
body.cdp-builder-active .fl-builder-content,
body.cdp-builder-active #brx-content {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding-inline: 0;
}

/* Botões padrão dos builders → variante hero do tema */
.elementor-button,
.vc_btn3,
.brz-btn,
.bricks-button,
.fl-button,
.wp-block-button__link {
	background: var(--cdp-gradient-primary, linear-gradient(135deg, #1d4ed8, #3b82f6));
	color: #fff !important;
	border: 0;
	border-radius: var(--cdp-radius-md, 8px);
	padding: .75rem 1.5rem;
	font-weight: 600;
	letter-spacing: .01em;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.elementor-button:hover,
.vc_btn3:hover,
.brz-btn:hover,
.bricks-button:hover,
.fl-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: var(--cdp-shadow-lg, 0 12px 32px rgba(0,0,0,.18));
	filter: brightness(1.05);
}

/* Containers full-width herdam fundo do tema */
.elementor-section.elementor-section-full_width,
.vc_row-full-width,
.brz-section,
.fl-row-full-width {
	background-color: transparent;
}

/* Tipografia consistente em headings de blocos */
.elementor-heading-title,
.vc_custom_heading,
.brz-heading,
.fl-heading,
.wp-block-heading {
	font-family: var(--cdp-font-display, inherit);
	color: var(--cdp-color-heading, #0f172a);
	letter-spacing: -0.01em;
}

/* Focus ring acessível em qualquer builder */
.elementor a:focus-visible,
.vc_general a:focus-visible,
.brz-root__container a:focus-visible,
.fl-builder-content a:focus-visible,
.wp-block a:focus-visible {
	outline: 2px solid var(--cdp-color-ring, #3b82f6);
	outline-offset: 2px;
	border-radius: 4px;
}


/* CDP CSS AUDIT FIX - 18/08/2026 */
/* 1) Banner de geolocalizacao sobrepoe aviso de cookies do CookieAdmin (mesma posicao fixa, canto inferior esquerdo). Empurra o banner de geo para cima do banner de cookies. */
#cdp-geo-consent-banner {
    bottom: 96px !important;
}
/* 2) Widget de classificacao na barra lateral estreita (~340px) forcava split 1fr 260px, sobrando ~62px pra primeira coluna e espremendo o botao "Ver tabela completa". Forca coluna unica so dentro da barra lateral. */
.cdp-videos-aside__side .cdp-standings-pro__body--split {
    grid-template-columns: 1fr !important;
}
.cdp-videos-aside__side .cdp-standings-pro__cta {
    width: 100% !important;
    white-space: normal !important;
}

/* 3) Widget "Torcida" - pódio de torcedores da semana. No desktop (1024px+) usa 4 colunas e cabe bem. No mobile (<=480px), o grid ainda tentava manter colunas largas (~210px cada), somando mais que a largura disponivel do container e cortando os cards da direita pra fora da tela. Forca coluna unica no mobile. */
@media (max-width: 480px) {
    .cdp-torcida__podium {
        grid-template-columns: 1fr !important;
    }
}