/**
 * Cruzeiro do Povo — v3.9.60
 * Cobertura completa do gradiente oficial.
 *
 * O cdp-v3959.css definiu o token e cobriu header/footer/hero/botoes.
 * Este arquivo cobre os 18 backgrounds azuis solidos restantes
 * encontrados em: theme.css, rail-unified.css, cdp-fix.css,
 * integration.css, animations-premium.css e admin-bar.css.
 *
 * Regra: nenhum elemento visivel ao usuario carrega azul solido.
 * Tudo azul leva --cdp-gradient-official (linear diagonal)
 * ou --cdp-gradient-official-radial (eliptico, para fundos de pagina).
 *
 * Marcus Venn (arq) + Lena Pixel (front) — 2026-05-08
 */

/* =====================================================================
   1. TOKENS DE SUPORTE — variacoes do gradiente oficial
   ===================================================================== */

:root {
	/* Versao horizontal — barras e pills finas */
	--cdp-gradient-official-h:
		linear-gradient(90deg, #08417C 0%, #0F4A95 40%, #1461BA 70%, #0E4092 100%);

	/* Versao invertida — hover states */
	--cdp-gradient-official-inv:
		linear-gradient(135deg, #0E4092 0%, #1461BA 40%, #0F4A95 65%, #08417C 100%);

	/* Versao com brilho central — destaques / badges */
	--cdp-gradient-official-glow:
		linear-gradient(135deg, #08417C 0%, #1461BA 45%, #1E78D6 65%, #0E4092 100%);

	/* Versao com acento ouro no topo — widgets de cabecalho */
	--cdp-gradient-official-gold-line:
		linear-gradient(135deg, #08417C 0%, #0F4A95 35%, #1461BA 60%, #0E4092 100%);
}

/* =====================================================================
   2. THEME.CSS — backgrounds solidos substituidos
   ===================================================================== */

/* ::selection — mantém sapphire mas com gradiente impossivel em selection;
   deixamos a cor solida so aqui pois e obrigatorio */

/* Scrollbar thumb (theme.css:202) */
body ::-webkit-scrollbar-thumb {
	background: var(--cdp-gradient-official) !important;
}

/* .cdp-nav-dot ativo / indicadores de slide (theme.css:720) */
body .cdp-nav-dot.active,
body .cdp-dot--active,
body .swiper-pagination-bullet-active,
body .slick-active .cdp-slide-dot {
	background: var(--cdp-gradient-official) !important;
}

/* .cdp-badge, .cdp-pill (theme.css:1078) */
body .cdp-badge,
body .cdp-badge--primary,
body .cdp-pill,
body .cdp-pill--primary,
body .cdp-tag--primary {
	background: var(--cdp-gradient-official) !important;
	color: #ffffff !important;
}

/* .cdp-table thead (theme.css:1134) */
body .cdp-table thead,
body .cdp-table thead tr,
body .cdp-table > thead > tr > th {
	background: var(--cdp-gradient-official) !important;
	color: #ffffff !important;
}

/* .cdp-progress-fill / barras de progresso (theme.css:1218) */
body .cdp-progress-fill,
body .cdp-progress__bar,
body [class*="progress-fill"] {
	background: var(--cdp-gradient-official-h) !important;
}

/* =====================================================================
   3. RAIL-UNIFIED.CSS (linha:663) + CDP-FIX.CSS (linhas:316,438,639)
   ===================================================================== */

/* Rail de destaque — fundo escuro #003DA5 e #00133D */
body .cdp-rail,
body .cdp-rail__header,
body .cdp-rail--featured,
body [class*="rail-unified"],
body .cdp-rail-item--active {
	background: var(--cdp-gradient-official) !important;
	color: #ffffff !important;
}

body .cdp-rail__dark,
body .cdp-rail--dark {
	background: var(--cdp-gradient-official) !important;
	color: #ffffff !important;
}

/* Fix geral de backgrounds hardcoded #003DA5 e #00133D */
/* Cobre todos os seletores que cdp-fix.css aplicou cor solida */
body [style*="background-color: #003DA5"],
body [style*="background: #003DA5"],
body [style*="background-color:#003DA5"],
body [style*="background:#003DA5"] {
	background: var(--cdp-gradient-official) !important;
}

body [style*="background-color: #00133D"],
body [style*="background: #00133D"],
body [style*="background-color:#00133D"],
body [style*="background:#00133D"] {
	background: var(--cdp-gradient-official) !important;
}

/* =====================================================================
   4. INTEGRATION.CSS — rank dots e badges da comunidade
   ===================================================================== */

/* Rank dot camisa10 (#003087) e todos os dots de rank azul */
body .cdp-activity-item__rank-dot,
body .cdp-activity-item__rank-dot.cdp-rank--camisa10,
body .cdp-activity-item__rank-dot.cdp-rank--socio,
body .cdp-activity-item__rank-dot.cdp-rank--idolo,
body .cdp-activity-item__rank-dot.cdp-rank--lenda {
	background: var(--cdp-gradient-official-glow) !important;
}

/* BuddyPress / comunidade — avatares com borda azul, badges */
body .cdp-member-badge--blue,
body .cdp-rank-badge,
body .cdp-torcedor-level {
	background: var(--cdp-gradient-official) !important;
	color: #ffffff !important;
}

/* =====================================================================
   5. ANIMATIONS-PREMIUM.CSS — botao de layout ativo
   ===================================================================== */

/* .cdp-layout-btn.active (#003087) */
body .cdp-layout-btn.active,
body .cdp-view-toggle.active,
body .cdp-display-toggle--active {
	background: var(--cdp-gradient-official) !important;
	border-color: var(--cdp-gradient-official-accent) !important;
	color: #ffffff !important;
}

/* =====================================================================
   6. ADMIN-BAR.CSS — carteira e topup
   ===================================================================== */

/* .cdp-bar-wallet (#003087) e hover (#00226b) */
body #wpadminbar .cdp-bar-wallet,
body #wpadminbar .cdp-bar-wallet__balance,
body #wpadminbar [class*="bar-wallet"] {
	background: var(--cdp-gradient-official) !important;
	color: #ffffff !important;
}

body #wpadminbar .cdp-bar-wallet__topup,
body #wpadminbar .cdp-bar-wallet__topup:hover {
	background: var(--cdp-gradient-official-inv) !important;
	color: #ffffff !important;
}

/* =====================================================================
   7. COBERTURA GLOBAL RESIDUAL
   Qualquer elemento azul solido nao mapeado acima.
   Seletor amplo de baixa especificidade — sobrescrito por seletores
   mais especificos acima quando necessario.
   ===================================================================== */

/* Elementos com background explicitamente azul Cruzeiro via variaveis legadas */
body [class*="cdp-"] {

	/* Se o computedStyle de background for um dos azuis solidos,
	   a regra abaixo nao funciona diretamente em CSS puro.
	   Por isso usamos a abordagem de bridge nos tokens: */
}

/* Bridge no token: qualquer uso de --cdp-color-primary como background
   agora resolve para o gradiente via a variavel. Sobrescreve o token em
   contexto de background. */
:root {
	--cdp-color-primary-bg: var(--cdp-gradient-official);
}

/* SportsPress — tabelas, headers de evento, standings */
body .sp-template,
body .sp-template-event-performance,
body .sp-template-event-venue,
body .sp-template-player-gallery,
body .sp-table-caption,
body .sp-heading,
body table.sp-standing-columns thead,
body table.sp-player-statistics thead,
body table.sp-event-performance thead {
	background: var(--cdp-gradient-official) !important;
	color: #ffffff !important;
}

/* Abas / navs azuis do SportsPress */
body .sp-tab-bar,
body .sp-tabs,
body .sp-tab-active,
body .sp-filter-bar {
	background: var(--cdp-gradient-official) !important;
	color: #ffffff !important;
}

body .sp-tabs a,
body .sp-tab-bar a {
	color: rgba(255, 255, 255, .80) !important;
}

body .sp-tabs a:hover,
body .sp-tabs a.active,
body .sp-tab-bar a.current {
	color: var(--cdp-gradient-official-accent) !important;
}

/* =====================================================================
   8. ESTADOS INTERATIVOS — hover de botoes e links azuis
   ===================================================================== */

body .cdp-btn-primary:hover,
body .wp-block-button__link:hover,
body button.is-primary:hover {
	background: var(--cdp-gradient-official-inv) !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(8, 65, 124, .45) !important;
}

body .cdp-btn-primary:active,
body .wp-block-button__link:active {
	background: var(--cdp-gradient-official) !important;
	transform: translateY(0);
}

/* =====================================================================
   9. SELECAO DE TEXTO — unico lugar onde azul solido e mantido
   (gradiente nao funciona em ::selection)
   ===================================================================== */

::selection {
	background: #0F4A95 !important;
	color: #ffffff !important;
}

/* =====================================================================
   10. SCROLLBAR CUSTOMIZADA
   ===================================================================== */

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #08417C; }
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #1461BA 0%, #0F4A95 50%, #08417C 100%);
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #1E78D6 0%, #1461BA 50%, #0F4A95 100%);
}