/* =====================================================================
   FANTASY SKIN — tema visual "lava" inspirado em fantasy2.site
   Carregar DEPOIS de style.min.css. Só cores/fontes/glow; layout intacto.
   Paleta: fundo #080402 / #150A04 | primário #FF6A00 | dourado #FFD700
   Fontes: Cormorant Garamond (títulos) + Poppins (corpo)
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
	--fs-bg: #080402;
	--fs-bg-2: #150a04;
	--fs-bg-3: #110603;
	--fs-primary: #ff6a00;
	--fs-primary-soft: rgba(255, 106, 0, 0.35);
	--fs-primary-faint: rgba(255, 106, 0, 0.12);
	--fs-gold: #ffd700;
	--fs-text: #d5cdbc;
	--fs-text-muted: #bcad9e;
	--fs-serif: 'Cormorant Garamond', Georgia, serif;
	--fs-sans: 'Poppins', 'Open Sans', sans-serif;
}

/* ---------- base ---------- */
body {
	font-family: var(--fs-sans);
	background-color: var(--fs-bg);
	color: var(--fs-text);
}

h1, h2, h3, h4, h5, h6,
.center-col .heading-main strong,
.center-col .heading-sub span {
	font-family: var(--fs-serif);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

a { color: var(--fs-primary); }
a:hover {
	color: var(--fs-gold);
	text-shadow: 0 0 12px var(--fs-primary-soft);
}

::-webkit-scrollbar { background: var(--fs-bg-2); }
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, var(--fs-primary), #c92a00);
	border-radius: 4px;
}
::selection { background: var(--fs-primary); color: #000; }
::-moz-selection { background: var(--fs-primary); color: #000; }

/* ---------- corpo / containers ---------- */
.pixarts-body {
	background-image: none !important;
	background: linear-gradient(180deg, var(--fs-bg) 0%, var(--fs-bg-2) 60%, var(--fs-bg) 100%) !important;
}

.pixarts-body .pixarts-container.main {
	background-color: rgba(8, 4, 2, 0.96) !important;
	box-shadow: 0 1px 90px 0 rgba(255, 106, 0, 0.08) !important;
	border-left: 1px solid rgba(255, 106, 0, 0.10);
	border-right: 1px solid rgba(255, 106, 0, 0.10);
}

.pixarts-body .pixarts-container.main:after {
	border-bottom: 1px solid var(--fs-primary-soft) !important;
	background-color: var(--fs-bg-3) !important;
}

/* ---------- header / navegação ---------- */
.pixarts-header .pixarts-nav {
	background-color: rgba(8, 4, 2, 0.92) !important;
	border-bottom: 1px solid var(--fs-primary-soft);
	box-shadow: 0 6px 30px rgba(0, 0, 0, 0.6);
}

.pixarts-header .pixarts-nav:before {
	background: linear-gradient(90deg, transparent, var(--fs-primary-soft), transparent) !important;
	border: 0 !important;
}

.pixarts-header .pixarts-nav ul a {
	font-family: var(--fs-serif);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--fs-text) !important;
	transition: color .2s, text-shadow .2s;
}

.pixarts-header .pixarts-nav ul a:hover,
.pixarts-header .pixarts-nav ul li.active a {
	color: var(--fs-primary) !important;
	text-shadow: 0 0 14px var(--fs-primary-soft);
}

/* ---------- headings dos boxes (laterais e centro) ---------- */
.pixarts-body .pixarts-container .box-sm-v1 .heading {
	background-image: linear-gradient(90deg, var(--fs-bg-3) 0%, #46180a 100%) !important;
	border-bottom: 1px solid var(--fs-primary) !important;
}

.pixarts-body .pixarts-container .box-sm-v1 .heading strong,
.pixarts-body .pixarts-container .box-sm-v1 .heading span {
	font-family: var(--fs-serif);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #fff;
}

.center-col .heading-main,
.center-col .heading-sub {
	border-color: var(--fs-primary-soft) !important;
}

.center-col .heading-main strong { color: #fff; }
.center-col .heading-sub:after { border-color: var(--fs-primary-faint) !important; }

/* switch (abas) do heading */
.center-col .heading-main .switch .option.active,
.center-col .heading-main .switch .option.active:after {
	color: var(--fs-primary) !important;
	border-color: var(--fs-primary) !important;
}

/* ---------- botões ---------- */
button,
input[type="submit"],
input[type="button"],
.btn,
.center-col .formbox button,
.center-col .coins-select .box-box .inside button {
	font-family: var(--fs-serif);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-weight: 700;
	background: linear-gradient(90deg, #c92a00, var(--fs-primary)) !important;
	color: #000 !important;
	border: 1px solid rgba(255, 106, 0, 0.5) !important;
	box-shadow: 0 4px 18px rgba(255, 106, 0, 0.25);
	transition: filter .2s, transform .1s;
}

button:hover,
input[type="submit"]:hover,
.btn:hover {
	filter: brightness(1.15);
	color: #000 !important;
}

button:active { transform: scale(0.97); }

/* botão secundário/outline (login etc.) */
.btn-default, .btn-secondary, .creator-portal-btn-secondary {
	background: transparent !important;
	color: var(--fs-primary) !important;
	border: 1px solid var(--fs-primary-soft) !important;
	box-shadow: none;
}

/* ---------- formulários ---------- */
input, select, textarea {
	background-color: rgba(17, 6, 3, 0.9) !important;
	border: 1px solid rgba(255, 106, 0, 0.2) !important;
	color: var(--fs-text) !important;
	font-family: var(--fs-sans);
}

input:focus, select:focus, textarea:focus {
	border-color: var(--fs-primary) !important;
	box-shadow: 0 0 10px var(--fs-primary-faint) !important;
	outline: none;
}

.center-col .formbox .default ::placeholder { color: var(--fs-text-muted); }

.center-col .formbox .alert.failed {
	background: rgba(70, 8, 9, 0.6);
	border: 1px solid #c92a00;
	color: #ffb4a0;
}

.center-col .formbox .alert.success {
	background: rgba(0, 44, 34, 0.6);
	border: 1px solid #00bb7f;
	color: #7dffd2;
}

/* ---------- news ---------- */
.center-col .newsfeed .news-single .titlebar>span>b {
	font-family: var(--fs-serif);
	text-transform: uppercase;
	color: #fff;
}

.center-col .newsfeed .news-single .titlebar {
	border-bottom: 1px solid var(--fs-primary-faint);
}

.center-col .newsfeed .news-single .innertext p a { color: var(--fs-primary); }
.center-col .newsfeed .news-single .innertext p a:hover { color: var(--fs-gold); }

/* ---------- paginação ---------- */
.center-col .pagination .buttons span.active {
	background: linear-gradient(90deg, #c92a00, var(--fs-primary)) !important;
	color: #000 !important;
}

.center-col .pagination .buttons a:hover {
	color: var(--fs-primary) !important;
	border-color: var(--fs-primary-soft) !important;
}

/* ---------- ranking ---------- */
.ranking-row-highlight { background: var(--fs-primary-faint) !important; }
.ranking-row-highlight:hover { background: rgba(255, 106, 0, 0.2) !important; }
.ranking-row-gold .ranking-medal-icon,
.ranking-medal-gold .ranking-medal-icon { color: var(--fs-gold); }
.ranking-index-number { color: var(--fs-text-muted); }

.box-sm-v1 .rank .lane:hover {
	background: var(--fs-primary-faint) !important;
}

/* ---------- welcome box / user ---------- */
.center-col .welcome-box .inside .text strong { color: var(--fs-gold); }
.center-col .user-details>.lane .coins { color: var(--fs-gold); }
.center-col .user-details>.lane .status.active { color: #00bb7f; }
.center-col .user-details>.lane .status.ban { color: #fb2c36; }

/* ---------- tabelas bootstrap ---------- */
.table, .table td, .table th,
.bootstrap-table .table {
	background-color: transparent !important;
	border-color: rgba(255, 106, 0, 0.12) !important;
	color: var(--fs-text) !important;
}

.table thead th {
	font-family: var(--fs-serif);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--fs-primary) !important;
	border-bottom: 1px solid var(--fs-primary-soft) !important;
}

.table tbody tr:hover { background: var(--fs-primary-faint) !important; }

/* ---------- painel de criadores ---------- */
.creator-portal-frame,
.creator-portal-card {
	background: var(--fs-bg-2) !important;
	border-color: var(--fs-primary-faint) !important;
}

.creator-portal-kicker { color: var(--fs-primary) !important; }
.creator-portal-pill {
	background: var(--fs-primary-faint) !important;
	color: var(--fs-primary) !important;
	border: 1px solid var(--fs-primary-soft);
}

.creator-portal-metric strong {
	color: var(--fs-gold);
	font-family: var(--fs-serif);
}

/* ---------- alerts bootstrap ---------- */
.alert-info {
	background: rgba(255, 106, 0, 0.08) !important;
	border: 1px solid var(--fs-primary-soft) !important;
	color: var(--fs-text) !important;
}

.alert-warning {
	background: rgba(255, 215, 0, 0.08) !important;
	border: 1px solid rgba(255, 215, 0, 0.4) !important;
	color: var(--fs-gold) !important;
}

/* ---------- footer ---------- */
.pixarts-footer, footer {
	background: var(--fs-bg-3) !important;
	border-top: 1px solid var(--fs-primary-faint);
	color: var(--fs-text-muted);
}