/* King Culture - estilo dos shortcodes [kc_find_your_team] e [kc_shop_by_category]
   Cores calcadas no app de referencia. Ajuste as variaveis abaixo se quiser
   combinar com a paleta que voce definir no Site Settings do Elementor. */

.kcsc-team-finder, .kcsc-category-icons {
	--kcsc-gold: #d4af37;
	--kcsc-gold-dark: #a9861f;
	--kcsc-panel: #151517;
	--kcsc-line: #26262a;
	--kcsc-ink: #161616;
	--kcsc-ink-soft: #6b6b70;
	--kcsc-border: #e7e7ea;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.kcsc-empty-note { text-align: center; color: var(--kcsc-ink-soft); font-size: 14px; max-width: 560px; margin: 0 auto; }

/* ===== FIND YOUR TEAM ===== */
.kcsc-league-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 32px; }
.kcsc-league-tab {
	background: var(--kcsc-panel); color: rgba(255,255,255,0.6); border: 1px solid transparent; border-radius: 999px;
	padding: 9px 18px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.02em; cursor: pointer;
	transition: all 0.2s ease;
}
.kcsc-league-tab:hover { color: #fff; border-color: var(--kcsc-line); transform: translateY(-1px); }
.kcsc-league-tab.kcsc-active { background: var(--kcsc-gold); color: #000; box-shadow: 0 8px 24px rgba(212,175,55,0.25); }

.kcsc-team-panel { display: none; }
.kcsc-team-panel.kcsc-active { display: block; }
.kcsc-team-pager { display: flex; align-items: center; justify-content: center; gap: 16px; }
.kcsc-team-arrow {
	flex-shrink: 0; width: 38px; height: 38px; border-radius: 999px; border: 1px solid var(--kcsc-border);
	background: transparent; color: var(--kcsc-ink); font-size: 18px; cursor: pointer; transition: all 0.2s ease;
}
.kcsc-team-arrow:hover { border-color: var(--kcsc-gold); background: rgba(212,175,55,0.08); transform: scale(1.08); }
.kcsc-team-arrow[disabled] { opacity: 0.3; cursor: default; }
.kcsc-team-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; min-height: 104px; }
.kcsc-team-grid .kcsc-team-shield.kcsc-hidden { display: none; }
.kcsc-team-page-indicator { text-align: center; font-size: 12px; color: var(--kcsc-ink-soft); margin-top: 16px; }
.kcsc-team-shield { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 80px; text-align: center; text-decoration: none; }
.kcsc-team-shield-img {
	width: 64px; height: 64px; border-radius: 999px; background: var(--kcsc-panel); border: 1px solid var(--kcsc-line);
	display: flex; align-items: center; justify-content: center; overflow: hidden; font-size: 11px; color: rgba(255,255,255,0.5);
	transition: all 0.2s ease;
}
.kcsc-team-shield-img img { width: 100%; height: 100%; object-fit: contain; }
.kcsc-team-shield:hover .kcsc-team-shield-img { border-color: var(--kcsc-gold); transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 24px rgba(212,175,55,0.25); }
.kcsc-team-name { font-size: 12px; color: var(--kcsc-ink); opacity: 0.7; transition: color 0.2s ease; }
.kcsc-team-shield:hover .kcsc-team-name { color: var(--kcsc-gold-dark); opacity: 1; }

/* ===== SHOP BY CATEGORY ===== */
.kcsc-category-icons { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; }
.kcsc-category-icon { display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none; }
.kcsc-category-icon-img {
	width: 56px; height: 56px; border-radius: 999px; background: #fafafa; border: 1px solid var(--kcsc-border);
	display: flex; align-items: center; justify-content: center; overflow: hidden; font-size: 10px; font-weight: 700;
	text-transform: uppercase; transition: all 0.2s ease;
}
.kcsc-category-icon-img img { width: 48px; height: 48px; object-fit: contain; }
.kcsc-category-name { font-size: 12px; color: var(--kcsc-ink); opacity: 0.7; transition: color 0.2s ease; }
.kcsc-category-icon:hover .kcsc-category-icon-img { border-color: var(--kcsc-gold); transform: translateY(-3px); box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.kcsc-category-icon:hover .kcsc-category-name { color: var(--kcsc-gold-dark); opacity: 1; }