/**
 * Núcleo visual do site: consome apenas variáveis --theme-* injetadas pelo PHP.
 * Não coloque cores fixas aqui.
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	background: var(--theme-page-background);
}

.theme-root {
	font-family: var(--theme-font-family-base);
	color: var(--theme-text-color);
}

/* Página completa (barra + conteúdo + rodapé) */
.theme-body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background: var(--theme-page-background);
	color: var(--theme-text-color);
	font-family: var(--theme-font-family-base);
}

.theme-header-bar {
	background: var(--theme-header-background);
	color: var(--theme-header-text-color);
	border-bottom: 1px solid var(--theme-header-border-color);
	overflow: visible;
}

.theme-nav-link {
	color: inherit;
	opacity: 0.92;
	text-decoration: none;
	font-weight: 500;
}

.theme-nav-link:hover,
.theme-nav-link:focus {
	color: var(--theme-primary-color);
}

.theme-nav-link.is-active {
	color: var(--theme-primary-color);
	font-weight: 600;
}

/* Secção Conta no header: subitens sempre visíveis (dados em app/Core/SiteNav.php) */
.theme-nav-account-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	min-width: 0;
}
.theme-nav-account-title {
	font-size: 0.65rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	opacity: 0.82;
	color: inherit;
	margin: 0;
	padding: 0 0.2rem;
	line-height: 1.2;
}
.theme-nav-account-title.is-active {
	color: var(--theme-primary-color);
	opacity: 1;
}
.theme-nav-account-list {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.theme-nav-account-list > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.theme-nav-account-list .theme-nav-link {
	display: block;
	padding: 0.3rem 0.45rem;
	font-size: 0.82rem;
	font-weight: 500;
	border-radius: 6px;
	line-height: 1.25;
}

.theme-nav-link--danger {
	color: var(--theme-danger-color) !important;
	opacity: 1;
}

.theme-nav-link--danger:hover {
	filter: brightness(1.12);
}

/* Lista principal do header (cyan): evita itens do dropdown no fluxo flex do <nav> */
.theme-header-nav-list > .menu-item {
	list-style: none;
}

/* Dropdown "Conta" (header — tema cyan) */
.has-dropdown,
.theme-account-dropdown {
	position: relative;
	z-index: 1;
}

.theme-header-nav-list > li.menu-item.has-dropdown {
	position: relative;
	z-index: 1;
}

.theme-header-nav-list > li.menu-item.has-dropdown.active {
	z-index: 999;
}

.theme-header-nav-list > li.menu-item.has-dropdown > ul.dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: auto;
	width: max-content;
	min-width: 220px;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	border-radius: 10px;
	background: var(--theme-content-shell-background, #0f172a);
	border: 1px solid var(--theme-border-color);
	box-shadow: var(--theme-shadow-style);
	display: none !important;
	z-index: 999;
	box-sizing: border-box;
}

.theme-header-nav-list > li.menu-item.has-dropdown.active > ul.dropdown {
	display: block !important;
}

.theme-header-nav-list > li.menu-item.has-dropdown > ul.dropdown > li {
	display: block;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.theme-header-nav-list > li.menu-item.has-dropdown > ul.dropdown > li > a {
	display: block;
	padding: 0.55rem 1rem;
	color: var(--theme-header-text-color, #fff);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.theme-header-nav-list > li.menu-item.has-dropdown > ul.dropdown > li > a.theme-account-dropdown__item--danger {
	color: var(--theme-danger-color);
	opacity: 1;
}

.theme-header-nav-list > li.menu-item.has-dropdown > ul.dropdown > li > a:hover:not(.theme-account-dropdown__item--danger),
.theme-header-nav-list > li.menu-item.has-dropdown > ul.dropdown > li > a:focus:not(.theme-account-dropdown__item--danger) {
	background: rgba(255, 255, 255, 0.05);
	outline: none;
}

.has-dropdown.active,
.theme-account-dropdown.active {
	z-index: 999;
}

.theme-account-dropdown__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	border: 0;
	background: transparent;
	cursor: pointer;
	font: inherit;
	font-weight: 500;
	padding: 0;
	color: inherit;
	opacity: 0.92;
	text-decoration: none;
}

.theme-account-dropdown__toggle:hover,
.theme-account-dropdown__toggle:focus {
	color: var(--theme-primary-color);
	outline: none;
}

.theme-account-dropdown__toggle:focus-visible {
	outline: 2px solid var(--theme-primary-color);
	outline-offset: 3px;
	border-radius: 4px;
}

.theme-account-dropdown__toggle.is-active {
	color: var(--theme-primary-color);
	font-weight: 600;
}

.theme-account-dropdown__caret {
	font-size: 0.65em;
	opacity: 0.85;
	transition: transform 0.2s ease;
}

.has-dropdown.active .theme-account-dropdown__caret,
.theme-account-dropdown.active .theme-account-dropdown__caret {
	transform: rotate(180deg);
}

.dropdown,
.theme-account-dropdown__panel {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	padding: 6px 0;
	margin: 0;
	list-style: none;
	border-radius: 10px;
	background: var(--theme-content-shell-background, #0f172a);
	border: 1px solid var(--theme-border-color);
	box-shadow: var(--theme-shadow-style);
	display: none;
	z-index: 999;
}

/* Separadores entre grupos no dropdown Conta */
.theme-account-dropdown__divider {
	list-style: none;
	margin: 0.4rem 0.65rem;
	padding: 0;
	height: 0;
	border: 0;
	border-top: 1px solid var(--theme-border-color);
	opacity: 0.55;
	pointer-events: none;
}

.theme-account-dropdown__divider--stack {
	margin: 0.45rem 0 0.4rem 0;
	height: 0;
	border: 0;
	border-top: 1px solid var(--theme-border-color);
	opacity: 0.5;
}

.dropdown li,
.theme-account-dropdown__panel li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dropdown a,
.theme-account-dropdown__panel .theme-account-dropdown__item {
	display: block;
	padding: 10px 15px;
	color: inherit;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.dropdown a:hover:not(.theme-account-dropdown__item--danger),
.dropdown a:focus:not(.theme-account-dropdown__item--danger),
.theme-account-dropdown__panel .theme-account-dropdown__item:hover:not(.theme-account-dropdown__item--danger),
.theme-account-dropdown__panel .theme-account-dropdown__item:focus:not(.theme-account-dropdown__item--danger) {
	background: rgba(255, 255, 255, 0.05);
	outline: none;
}

.has-dropdown.active .dropdown,
.has-dropdown.active .theme-account-dropdown__panel,
.theme-account-dropdown.active .dropdown,
.theme-account-dropdown.active .theme-account-dropdown__panel {
	display: block;
}

.theme-account-dropdown__item {
	display: block;
	margin: 0 4px;
	padding: 0.55rem 0.85rem;
	border-radius: calc(var(--theme-border-radius) * 0.55);
	color: inherit;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9rem;
	opacity: 0.95;
	transition:
		background-color 0.15s ease,
		color 0.15s ease,
		opacity 0.15s ease;
}

.theme-account-dropdown__item:hover,
.theme-account-dropdown__item:focus {
	background: color-mix(in srgb, var(--theme-primary-color) 14%, transparent);
	color: var(--theme-primary-color);
	opacity: 1;
	outline: none;
}

.theme-account-dropdown__item:focus-visible {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary-color) 45%, transparent);
}

.theme-account-dropdown__item--danger {
	color: var(--theme-danger-color);
	opacity: 1;
}

.theme-account-dropdown__item--danger:hover,
.theme-account-dropdown__item--danger:focus {
	background: color-mix(in srgb, var(--theme-danger-color) 16%, transparent);
	color: var(--theme-danger-color);
}

.theme-account-dropdown__item.is-active {
	color: var(--theme-primary-color);
	font-weight: 600;
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-account-dropdown__item:hover,
	.theme-account-dropdown__item:focus {
		background: rgba(255, 255, 255, 0.06);
	}
	.theme-account-dropdown__item--danger:hover,
	.theme-account-dropdown__item--danger:focus {
		background: rgba(255, 255, 255, 0.06);
	}
}

.theme-mobile-account-details summary::-webkit-details-marker {
	display: none;
}

.theme-mobile-account-details > summary {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	cursor: pointer;
}

.theme-mobile-account-details .theme-account-dropdown__caret {
	transition: transform 0.2s ease;
}

.theme-mobile-account-details[open] .theme-account-dropdown__caret {
	transform: rotate(180deg);
}

.theme-mobile-account-details__panel {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	padding: 0.4rem 0 0.35rem 0.75rem;
	margin: 0.2rem 0 0 0;
	border-left: 2px solid color-mix(in srgb, var(--theme-border-color) 80%, transparent);
}

.theme-mobile-account-details__panel .theme-account-dropdown__item {
	padding: 0.52rem 0.7rem;
	font-size: 0.9rem;
	margin: 0;
	border-radius: calc(var(--theme-border-radius) * 0.45);
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-mobile-account-details__panel {
		border-left-color: var(--theme-border-color);
	}
}

/* ——— Página Minha conta (/conta) ——— */
.theme-account-page {
	max-width: min(var(--theme-container-width), 100%);
	margin: 0 auto;
	padding: 1rem 0.75rem 2.5rem;
	box-sizing: border-box;
}

/* Conteúdo logo abaixo do menu (menos respiro no topo do shell). */
.theme-content-shell > .theme-account-page {
	margin-top: -0.75rem;
	padding-top: 0.25rem;
}

.theme-account-page__header {
	margin-bottom: 1.35rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--theme-border-color);
}

.theme-account-page__title {
	margin: 0 0 0.35rem;
	letter-spacing: -0.02em;
}

.theme-account-page__lead {
	margin: 0;
	max-width: 40rem;
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--theme-muted-text-color);
}

.theme-account-page__alert {
	margin-bottom: 0.85rem;
}

.theme-account-card {
	background: var(--theme-surface-color);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--theme-border-radius, 12px);
	box-shadow: var(--theme-shadow-style);
	padding: 1.35rem 1.4rem 1.4rem;
	margin-bottom: 1.5rem;
}

.theme-account-card--pref {
	padding-bottom: 1.25rem;
}

.theme-account-card--pref .theme-email-pref__title {
	font-size: 1.05rem;
	margin-bottom: 0.35rem;
}

.theme-account-card--pref .theme-email-pref {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.theme-email-pref__lead {
	margin-bottom: 1.25rem;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--theme-text-color);
}

.theme-email-pref__control {
	padding: 1rem 0;
	border-top: 1px solid var(--theme-border-color);
}

.theme-email-pref__control-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.25rem;
	flex-wrap: wrap;
}

.theme-email-pref__control-text {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
	flex: 1;
}

.theme-email-pref__control-title {
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--theme-heading-color);
	line-height: 1.3;
}

.theme-email-pref__control-hint {
	font-size: 0.8rem;
	color: var(--theme-muted-text-color);
	line-height: 1.35;
}

/* “Desligado” / “Ligado” à direita do interruptor */
.theme-email-pref__switch-cluster {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	flex-shrink: 0;
}

.theme-email-pref__state-label {
	display: inline-block;
	min-width: 5.5rem;
	padding: 0.38rem 0.75rem;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
	border-radius: 9999px;
	line-height: 1.2;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		box-shadow 0.25s ease;
}

.theme-email-pref__state-label--off {
	color: #fff;
	background: #b91c1c;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.theme-email-pref__state-label--on {
	color: #fff;
	background: #15803d;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.theme-email-pref__message {
	margin: 1rem 0 0;
	padding: 0.85rem 1rem;
	border-radius: 12px;
	font-size: 0.9rem;
	line-height: 1.5;
	font-weight: 600;
	transition:
		background-color 0.35s ease,
		border-color 0.35s ease,
		color 0.35s ease,
		box-shadow 0.35s ease;
}

.theme-email-pref__message--on {
	background: rgba(34, 197, 94, 0.12);
	border: 1px solid rgba(34, 197, 94, 0.35);
	color: #15803d;
	box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.08);
}

.theme-email-pref__message--off {
	background: rgba(107, 114, 128, 0.1);
	border: 1px solid rgba(107, 114, 128, 0.35);
	color: #b45309;
	box-shadow: 0 0 0 1px rgba(107, 114, 128, 0.06);
}

/*
 * modern.css (legado) usa label{float:left;width:140px} e input{height:35px;…} globalmente.
 * Isto tira o switch do flex e pode esconder o slider. Reset só em .theme-email-pref-card.
 */
.theme-email-pref-card label.theme-email-pref-emailopt-label {
	float: none !important;
	clear: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	flex-shrink: 0 !important;
	font-weight: inherit !important;
}

.theme-email-pref-card .theme-email-pref-switch__native {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-align: left !important;
	z-index: 0 !important;
}

.theme-email-pref-card .theme-email-pref-switch__track {
	position: relative !important;
	z-index: 1 !important;
	min-width: 3.375rem !important;
	min-height: 2.0625rem !important;
}

/* Toggle deslizante tipo iOS (e-mail promocional) — checkbox nativo só para estado/ARIA, invisível */
.theme-email-pref-switch {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.theme-email-pref-switch__native {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	opacity: 0;
	pointer-events: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.theme-email-pref-switch__track {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 3.375rem;
	height: 2.0625rem;
	border-radius: 9999px;
	overflow: hidden;
	/* OFF = vermelho visível (evita “sumir” em fundos claros/escuros) */
	background: #dc2626;
	border: 1px solid rgba(0, 0, 0, 0.18);
	box-shadow:
		inset 0 1px 3px rgba(0, 0, 0, 0.2),
		0 0 0 1px rgba(255, 255, 255, 0.12);
	transition:
		background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.28s ease,
		border-color 0.28s ease;
	box-sizing: border-box;
}

/* Brilho que “corre” no trilho — chama atenção e reforça que é clicável / consentimento */
.theme-email-pref-switch__track::before {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 55%;
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 255, 255, 0.08) 25%,
		rgba(255, 255, 255, 0.65) 50%,
		rgba(255, 255, 255, 0.08) 75%,
		transparent 100%
	);
	animation: theme-email-pref-track-shine 2.4s ease-in-out infinite;
	pointer-events: none;
	z-index: 1;
	border-radius: inherit;
}

.theme-email-pref-switch__native:checked + .theme-email-pref-switch__track::before {
	animation-duration: 3s;
	opacity: 0.92;
}

@keyframes theme-email-pref-track-shine {
	0% {
		transform: translateX(0);
		opacity: 0.35;
	}
	12% {
		opacity: 1;
	}
	100% {
		transform: translateX(320%);
		opacity: 0.2;
	}
}

.theme-email-pref-switch__thumb {
	position: absolute;
	top: 0.1875rem;
	left: 0.1875rem;
	width: 1.6875rem;
	height: 1.6875rem;
	border-radius: 50%;
	background: #fff;
	box-shadow:
		0 0.125rem 0.375rem rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(0, 0, 0, 0.04);
	transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
	z-index: 2;
}

.theme-email-pref-switch__native:checked + .theme-email-pref-switch__track {
	/* ON = verde */
	background: #16a34a;
	border-color: rgba(22, 163, 74, 0.65);
	box-shadow:
		inset 0 1px 2px rgba(0, 0, 0, 0.08),
		0 0 0 3px rgba(22, 163, 74, 0.35);
}

.theme-email-pref-switch__native:checked + .theme-email-pref-switch__track .theme-email-pref-switch__thumb {
	transform: translateX(calc(3.375rem - 1.6875rem - 0.375rem));
}

.theme-email-pref-switch__native:focus-visible + .theme-email-pref-switch__track {
	outline: 2px solid var(--theme-primary-color);
	outline-offset: 3px;
}

.theme-email-pref-switch__native:disabled + .theme-email-pref-switch__track {
	opacity: 0.55;
	cursor: not-allowed;
}

.theme-email-pref-switch:has(.theme-email-pref-switch__native:disabled) {
	cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
	.theme-email-pref-switch__track,
	.theme-email-pref-switch__thumb {
		transition-duration: 0.01ms;
	}

	.theme-email-pref-switch__track::before {
		animation: none;
		opacity: 0;
	}
}

.theme-email-pref__consent {
	margin: 0.65rem 0 0;
	padding: 0.55rem 0.75rem;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--theme-muted-text-color);
	background: color-mix(in srgb, var(--theme-border-color) 12%, transparent);
	border: 1px solid color-mix(in srgb, var(--theme-border-color) 55%, transparent);
	border-radius: 10px;
}

.theme-email-pref__consent strong {
	color: var(--theme-heading-color);
	font-weight: 700;
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-email-pref__consent {
		background: rgba(255, 255, 255, 0.04);
		border-color: var(--theme-border-color);
	}
}

.theme-email-pref__hint {
	margin: 0 0 1rem;
}

.theme-email-pref__perks-wrap {
	margin-top: 1.25rem;
	border: 1px solid var(--theme-border-color);
	border-radius: 12px;
	background: var(--theme-surface-color);
}

.theme-email-pref__perks-summary {
	padding: 0.85rem 1.25rem;
	font-weight: 600;
	font-size: 0.9rem;
	cursor: pointer;
	color: var(--theme-heading-color);
	list-style: none;
	border-radius: 12px;
}

.theme-email-pref__perks-summary::-webkit-details-marker {
	display: none;
}

.theme-email-pref__perks {
	padding: 0 1.25rem 1.25rem;
}

.theme-email-pref__perks-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.theme-email-pref__perks-list li {
	padding: 0.4rem 0 0.4rem 1.4rem;
	position: relative;
	font-size: 0.9rem;
	color: var(--theme-text-color);
}

.theme-email-pref__perks-list li::before {
	content: "•";
	position: absolute;
	left: 0.6rem;
	color: var(--theme-primary-color);
	font-size: 1.1rem;
	line-height: 1;
}

/* Toast: cores fixas e !important — temas e .theme-content-shell usam texto claro; sem isto o texto fica branco sobre fundo branco. */
#theme_email_pref_toast.theme-email-pref-toast,
.theme-content-shell .theme-email-pref-toast {
	position: fixed;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%) translateY(30px);
	z-index: 10000;
	padding: 0.85rem 1.35rem;
	border-radius: 9999px;
	background: #f1f5f9 !important;
	color: #0f172a !important;
	border: 1px solid #94a3b8 !important;
	font-weight: 600;
	font-size: 0.9rem;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2);
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
	visibility: hidden;
	color-scheme: light;
	-webkit-text-fill-color: #0f172a;
}

#theme_email_pref_toast.theme-email-pref-toast.theme-email-pref-toast--show,
.theme-content-shell .theme-email-pref-toast.theme-email-pref-toast--show {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
	visibility: visible;
}

.theme-account-card__head {
	margin-bottom: 1.1rem;
}

.theme-account-card__title {
	margin: 0 0 0.25rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--theme-heading-color);
	letter-spacing: -0.01em;
}

.theme-account-card__subtitle {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--theme-muted-text-color);
}

.theme-account-dl {
	margin: 0;
	padding: 0;
}

.theme-account-dl__row {
	display: grid;
	grid-template-columns: minmax(7.5rem, 150px) 1fr;
	gap: 0.35rem 1.25rem;
	padding: 0.85rem 0;
	border-bottom: 1px solid color-mix(in srgb, var(--theme-border-color) 70%, transparent);
	align-items: start;
}

.theme-account-dl__row:first-of-type {
	padding-top: 0;
}

.theme-account-dl__row:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

.theme-account-dl__label {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--theme-muted-text-color);
	line-height: 1.4;
}

.theme-account-dl__value {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.45;
	color: var(--theme-text-color);
	min-width: 0;
}

.theme-account-dl__value--inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem 0.85rem;
}

.theme-account-dl__muted {
	color: var(--theme-muted-text-color);
	font-size: 0.92rem;
}

.theme-account-profile__footnote {
	margin: 1rem 0 0;
	font-size: 0.82rem;
	line-height: 1.45;
}

.theme-account-quick {
	margin-bottom: 1.5rem;
}

.theme-account-quick__heading {
	margin: 0 0 0.35rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--theme-heading-color);
}

.theme-account-quick__intro {
	margin: 0 0 1rem;
	font-size: 0.88rem;
	max-width: 42rem;
}

.theme-account-quick__groups {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem 1.25rem;
}

@media (max-width: 900px) {
	.theme-account-quick__groups {
		grid-template-columns: 1fr;
	}
}

.theme-account-quick__group {
	background: var(--theme-surface-color);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--theme-border-radius, 12px);
	padding: 1rem 1.05rem;
	box-shadow: var(--theme-shadow-style);
}

.theme-account-quick__group-title {
	margin: 0 0 0.65rem;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--theme-muted-text-color);
}

.theme-account-quick__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.theme-account-quick__link {
	display: block;
	padding: 0.55rem 0.65rem;
	border-radius: calc(var(--theme-border-radius, 10px) * 0.65);
	text-decoration: none;
	color: inherit;
	border: 1px solid transparent;
	transition:
		background-color 0.15s ease,
		border-color 0.15s ease;
}

.theme-account-quick__link:hover {
	background: color-mix(in srgb, var(--theme-primary-color) 10%, transparent);
	border-color: color-mix(in srgb, var(--theme-primary-color) 28%, var(--theme-border-color));
}

.theme-account-quick__link:focus-visible {
	outline: 2px solid var(--theme-primary-color);
	outline-offset: 2px;
}

.theme-account-quick__link-title {
	display: block;
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--theme-heading-color);
	line-height: 1.3;
}

.theme-account-quick__link-hint {
	display: block;
	font-size: 0.78rem;
	line-height: 1.35;
	color: var(--theme-muted-text-color);
	margin-top: 0.12rem;
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-account-dl__row {
		border-bottom-color: var(--theme-border-color);
	}
	.theme-account-quick__link:hover {
		background: rgba(255, 255, 255, 0.04);
		border-color: var(--theme-border-color);
	}
}

@media (max-width: 560px) {
	.theme-account-dl__row {
		grid-template-columns: 1fr;
		gap: 0.2rem;
	}
	.theme-account-dl__label {
		margin-bottom: 0.1rem;
	}
}

.theme-brand-glow {
	text-shadow: 0 0 12px color-mix(in srgb, var(--theme-primary-color) 80%, transparent);
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-brand-glow {
		text-shadow: 0 0 12px var(--theme-primary-color);
	}
}

.logo-font {
	font-family: var(--theme-font-family-brand);
}

/* Surfaces (layouts default / dark / minimal) */
.theme-layout-surface {
	background: var(--theme-surface-color);
	color: var(--theme-text-color);
	padding: 1.25rem;
	border-radius: var(--theme-border-radius);
	border: 1px solid var(--theme-border-color);
	box-shadow: var(--theme-shadow-style);
	max-width: var(--theme-container-width);
	margin-left: auto;
	margin-right: auto;
}

.theme-layout-surface a {
	color: var(--theme-link-color);
}
.theme-layout-surface a:hover {
	color: var(--theme-link-hover-color);
}

/* Shell interno (ex.: cyan) */
.theme-content-shell {
	max-width: min(var(--theme-container-width), 100%);
	margin: 0 auto;
	min-width: 0;
	width: 100%;
	background: var(--theme-content-shell-background);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--theme-border-radius);
	padding: 1.25rem 1.5rem;
	color: var(--theme-text-color);
	box-shadow: var(--theme-shadow-style);
	box-sizing: border-box;
}

.theme-content-shell a {
	color: var(--theme-link-color);
}
.theme-content-shell a:hover {
	color: var(--theme-link-hover-color);
}

/* Âncoras com classe de botão: não herdar cor de link do shell (evita texto ilegível no primário). */
.theme-content-shell a.theme-btn--primary,
.theme-content-shell a.theme-btn--primary:hover,
.theme-content-shell a.theme-btn--primary:visited,
.theme-content-shell a.theme-btn--primary:focus {
	color: var(--theme-button-primary-text);
}
.theme-content-shell a.theme-btn--secondary,
.theme-content-shell a.theme-btn--secondary:hover,
.theme-content-shell a.theme-btn--secondary:visited,
.theme-content-shell a.theme-btn--secondary:focus {
	color: var(--theme-button-secondary-text);
}
.theme-content-shell h1,
.theme-content-shell h2,
.theme-content-shell h3 {
	color: var(--theme-heading-color);
}

.theme-main-area {
	min-height: 48vh;
	min-width: 0; /* flex child: permite encolher sem forçar largura do texto longo */
	background: var(--theme-page-background);
	padding: 0.5rem 1rem 3rem;
}
.theme-main-area--home {
	min-height: 48vh;
}

.custom-scroll::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.custom-scroll::-webkit-scrollbar-thumb {
	background: var(--theme-primary-color);
	border-radius: 20px;
}

/* Footer comum */
.theme-footer {
	background: var(--theme-footer-background);
	color: var(--theme-footer-text-color);
	border-top: 1px solid var(--theme-border-color);
	padding: 3rem 1rem;
	margin-top: auto;
}
.theme-footer a {
	color: var(--theme-link-color);
	text-decoration: none;
}
.theme-footer a:hover {
	color: var(--theme-link-hover-color);
}
.theme-footer__title {
	color: var(--theme-footer-heading-color);
	font-weight: 600;
	margin: 0 0 1rem 0;
}
.theme-footer__muted {
	color: var(--theme-footer-muted-color);
	font-size: 0.85rem;
	line-height: 1.5;
}

/* Auth / formulários */
.auth-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 42vh;
	padding: 1.5rem 1rem 2rem;
	width: 100%;
}

.form-wrapper {
	width: 100%;
	max-width: var(--theme-form-max-width);
	margin: 0 auto;
}

.form-card,
.auth-card {
	background: var(--theme-surface-color);
	color: var(--theme-text-color);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--theme-border-radius);
	box-shadow: var(--theme-shadow-style);
	padding: 1.75rem 1.5rem;
}

.theme-form .form-group {
	margin-bottom: 1rem;
}

.form-actions {
	margin-top: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
	justify-content: center;
}

.theme-label,
.theme-form label {
	display: block;
	font-weight: 600;
	font-size: 0.9rem;
	margin-bottom: 0.35rem;
	color: var(--theme-text-color);
}

.theme-input,
.theme-form input[type="text"],
.theme-form input[type="email"],
.theme-form input[type="password"],
.theme-form input[type="number"],
.theme-form textarea,
.theme-form select,
.theme-select {
	width: 100%;
	max-width: 100%;
	padding: 0.65rem 0.75rem;
	font-size: 1rem;
	border: 1px solid var(--theme-input-border-color);
	border-radius: calc(var(--theme-border-radius) * 0.65);
	background: var(--theme-input-background);
	color: var(--theme-input-text-color);
}

.theme-input::placeholder,
.theme-form input::placeholder,
.theme-form textarea::placeholder {
	color: var(--theme-input-placeholder-color);
}

.theme-form select,
.theme-select {
	cursor: pointer;
}

.theme-heading-1 {
	font-family: var(--theme-font-family-heading);
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 1rem 0;
	text-align: center;
	color: var(--theme-heading-color);
}

.theme-heading-2 {
	font-family: var(--theme-font-family-heading);
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0 0 0.75rem 0;
	color: var(--theme-heading-color);
}

/* Sugestões: corpo e campos ligeiramente menores (textos longos / formulário guiado) */
.suggestions-page {
	font-size: 0.9375rem;
	line-height: 1.5;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
.suggestions-page .theme-list-card,
.suggestions-page .theme-stack-center {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.suggestions-page .theme-list-card,
.suggestions-page .sug-detail-card {
	overflow-x: clip;
}
.suggestions-page .theme-heading-1 {
	font-size: 1.28rem;
	margin-bottom: 0.65rem;
}
.suggestions-page .theme-heading-2 {
	font-size: 1.06rem;
	margin-bottom: 0.5rem;
}
.suggestions-page .theme-list-card {
	font-size: 0.9375rem;
}
.suggestions-page .theme-input,
.suggestions-page textarea.theme-input,
.suggestions-page select.theme-input {
	font-size: 0.9375rem;
	line-height: 1.45;
	padding: 0.5rem 0.65rem;
}
.suggestions-page label {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 0.35rem;
	color: var(--theme-text-color);
}
.suggestions-page .theme-table {
	font-size: 0.85rem;
}
.suggestions-page .theme-muted {
	font-size: 0.8125rem;
}
.suggestions-page .sug-public-meta {
	font-size: 0.78rem;
	margin: 0 0 6px;
	color: var(--theme-muted-text-color);
	overflow-wrap: anywhere;
	word-break: break-word;
}
.suggestions-page .sug-public-title {
	font-size: 1.02rem;
	font-weight: 700;
	margin: 0 0 6px;
	line-height: 1.35;
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}
.suggestions-page .sug-public-by {
	font-size: 0.82rem;
	margin: 0 0 4px;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.suggestions-page .sug-public-body {
	font-size: 0.875rem;
	line-height: 1.5;
	min-width: 0;
}
.suggestions-page .sug-public-body .sug-public-sub {
	margin: 8px 0 4px;
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--theme-muted-text-color);
}
.suggestions-page .sug-public-text {
	font-size: inherit;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-all; /* cadeias sem espaços + pre-wrap; break-word não fecha todos os browsers */
	max-width: 100%;
	min-width: 0;
}
.suggestions-page .sug-detail-card {
	font-size: 0.9375rem;
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.suggestions-page .sug-detail-card p {
	margin: 0.35rem 0;
	line-height: 1.45;
}
.suggestions-page .sug-detail-label {
	font-size: 0.8rem;
	font-weight: 600;
	margin: 0.65rem 0 0.25rem;
	color: var(--theme-muted-text-color);
}
.suggestions-page .sug-detail-text {
	font-size: 0.9rem;
	line-height: 1.5;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-all;
	max-width: 100%;
	min-width: 0;
}
.suggestions-page .theme-table {
	table-layout: fixed;
	width: 100%;
}
.suggestions-page .theme-table th,
.suggestions-page .theme-table td {
	overflow-wrap: anywhere;
	word-break: break-word;
	vertical-align: top;
}
.suggestions-page .theme-btn {
	font-size: 0.9rem;
	padding: 0.55rem 1.1rem;
}

/* Admin: listagem de sugestões — evita overflow horizontal em título/email */
.admin-player-suggestions-wrap {
	min-width: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.admin-player-suggestions-wrap .theme-table {
	table-layout: fixed;
	width: 100%;
}
.admin-player-suggestions-wrap .theme-table th,
.admin-player-suggestions-wrap .theme-table td {
	overflow-wrap: anywhere;
	word-break: break-word;
	vertical-align: top;
}

.theme-muted {
	color: var(--theme-muted-text-color);
	font-size: 0.85rem;
}

.theme-hint {
	font-size: 0.82rem;
	color: var(--theme-muted-text-color);
	margin: 0.35rem 0 0;
}

/* Botões */
.theme-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.65rem 1.25rem;
	font-size: 0.95rem;
	font-weight: 600;
	border-radius: calc(var(--theme-border-radius) * 0.75);
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	line-height: 1.2;
	font-family: inherit;
	transition: filter 0.2s, border-color 0.2s;
}

.theme-btn--primary {
	background: var(--theme-button-primary-background);
	color: var(--theme-button-primary-text);
	border-color: var(--theme-button-primary-background);
}

.theme-btn--primary:hover {
	filter: brightness(1.08);
}

.theme-btn--secondary {
	background: var(--theme-button-secondary-background);
	color: var(--theme-button-secondary-text);
	border-color: var(--theme-border-color);
}

.theme-btn--secondary:hover {
	filter: brightness(0.95);
}

.theme-btn--block {
	width: 100%;
}

.theme-btn--sm {
	font-size: 0.875rem;
	padding: 0.35rem 0.85rem;
}

.theme-btn--danger-ghost {
	background: transparent;
	color: var(--theme-danger-color);
	border-color: transparent;
}

.theme-btn--danger-ghost:hover {
	text-decoration: underline;
}

button.g-recaptcha.theme-btn--block {
	width: 100%;
	min-height: 48px;
}

/* Tabelas / ranking */
.theme-table-wrap {
	width: 100%;
	overflow-x: auto;
	margin-top: 0.5rem;
}

.theme-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.theme-table th {
	background: var(--theme-ranking-header-background);
	color: var(--theme-ranking-header-text);
	text-align: left;
	padding: 0.5rem 0.65rem;
}

.theme-table td {
	padding: 0.45rem 0.65rem;
	border-bottom: 1px solid var(--theme-border-color);
}

.theme-table tbody tr:nth-child(even) {
	background: var(--theme-table-row-alt-background);
}

.theme-table tbody tr:nth-child(odd) {
	background: var(--theme-table-row-background);
}

.theme-table a {
	color: var(--theme-link-color);
}

.theme-table a:hover {
	color: var(--theme-link-hover-color);
}

/* Home: colunas + painel lateral */
.theme-page-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	align-items: flex-start;
	justify-content: space-between;
	max-width: var(--theme-container-width);
	margin: 0 auto;
	width: 100%;
}

.theme-page-columns__main {
	flex: 1 1 320px;
	min-width: 0;
}

.theme-sidebar-stack {
	flex: 0 1 300px;
	width: 100%;
	max-width: 340px;
}

.theme-panel {
	background: var(--theme-surface-color);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--theme-border-radius);
	padding: 1.25rem;
	box-shadow: var(--theme-shadow-style);
	color: var(--theme-text-color);
	margin-bottom: 1rem;
}

.theme-panel__title {
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 0.75rem 0;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--theme-border-color);
	color: var(--theme-heading-color);
}

.theme-section-title {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0 0 0.75rem 0;
	padding-bottom: 0.35rem;
	border-bottom: 2px solid var(--theme-accent-color);
	color: var(--theme-heading-color);
}

.theme-status-online {
	color: var(--theme-success-color);
}

.theme-status-offline {
	color: var(--theme-danger-color);
}

/* Bloco promoção mensal (Base/{marca}/mensal.php ou Base/mensal.php) — herda paleta do tema */
.theme-promo-banner {
	text-align: center;
	margin-bottom: 1.25rem;
}
.theme-promo-banner img {
	max-width: 100%;
	height: auto;
	border-radius: var(--theme-border-radius);
}
.theme-promo-block {
	background: var(--theme-surface-color);
	color: var(--theme-text-color);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--theme-border-radius);
	padding: 1.5rem;
	box-shadow: var(--theme-shadow-style);
	font-family: var(--theme-font-family-base);
}
.theme-promo-block__title {
	color: var(--theme-accent-color);
	font-size: 1.35rem;
	margin: 0 0 1rem 0;
	font-weight: 600;
}
.theme-promo-block__list {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 1.75;
	font-size: 1rem;
}
.theme-promo-block__note {
	margin-top: 1.25rem;
	background: var(--theme-input-background);
	color: var(--theme-text-color);
	padding: 0.85rem 1rem;
	border-radius: calc(var(--theme-border-radius) * 0.8);
	font-size: 0.95rem;
	border: 1px solid var(--theme-border-color);
}

/* Alertas */
.theme-alert {
	padding: 0.85rem 1rem;
	border-radius: calc(var(--theme-border-radius) * 0.75);
	margin-bottom: 1rem;
	border: 1px solid var(--theme-border-color);
	background: var(--theme-surface-color);
	color: var(--theme-text-color);
}

.theme-alert--success {
	border-left: 4px solid var(--theme-success-color);
}

.theme-alert--info {
	border-left: 4px solid var(--theme-primary-color);
}

.theme-alert--danger {
	border-left: 4px solid var(--theme-danger-color);
}

.error-msg,
.success-msg {
	font-weight: 600;
	text-align: center;
	margin: 0 0 1rem 0;
}

.error-msg {
	color: var(--theme-danger-color);
}

.success-msg {
	color: var(--theme-success-color);
}

/* Donate / blocos centrados */
.theme-stack-center {
	max-width: var(--theme-form-max-width);
	margin: 0 auto;
	width: 100%;
}

.theme-form-vertical {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}

.theme-donate-section {
	padding: 2rem 1rem;
	min-height: 280px;
}

.theme-donate-hint {
	text-align: center;
	color: var(--theme-muted-text-color);
	font-size: 0.9rem;
	margin: 0.35rem 0;
}

.theme-points-line {
	margin-top: 0.5rem;
	font-size: 1rem;
	color: var(--theme-text-color);
}

/* Lista (personagens etc.) */
.theme-list-card {
	background: var(--theme-surface-color);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--theme-border-radius);
	box-shadow: var(--theme-shadow-style);
	padding: 1.25rem;
}

/* Minha conta — estado de verificação de e-mail */
.theme-email-status-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.65rem;
	max-width: 100%;
}
.theme-email-line {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.65rem;
}
.theme-email-address {
	word-break: break-word;
}
.theme-email-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 0.78rem;
	font-weight: 600;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	line-height: 1.25;
	white-space: nowrap;
}
.theme-email-chip--ok {
	background: var(--theme-input-background);
	color: var(--theme-success-color);
	border: 1px solid var(--theme-success-color);
}
.theme-email-chip--bad {
	background: var(--theme-input-background);
	color: var(--theme-danger-color);
	border: 1px solid var(--theme-danger-color);
}
.theme-email-chip--muted {
	background: var(--theme-surface-color);
	color: var(--theme-muted-text-color);
	border: 1px solid var(--theme-border-color);
}
.theme-email-verify-form {
	margin: 0;
}
.theme-email-verify-hint {
	margin: 0;
	font-size: 0.85rem;
	max-width: 36rem;
}

.theme-list-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--theme-border-color);
	transition: transform 0.2s, box-shadow 0.2s;
}

.theme-list-item:last-child {
	border-bottom: none;
}

.theme-list-item:hover {
	transform: translateY(-1px);
}

.theme-radio-row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0.35rem 0;
	cursor: pointer;
}

.theme-checkbox-row {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin: 0.5rem 0;
	cursor: pointer;
	line-height: 1.45;
	text-align: left;
}

.theme-checkbox-row input[type="checkbox"] {
	margin-top: 0.2rem;
	flex-shrink: 0;
	width: 1.05rem;
	height: 1.05rem;
	accent-color: var(--theme-primary-color);
}

.theme-checkbox-row__text {
	font-size: 0.95rem;
	color: var(--theme-text-color);
}

.theme-checkbox-row--required .theme-checkbox-row__text {
	font-weight: 500;
}

.theme-inline-link {
	color: var(--theme-primary-color);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.theme-inline-link:hover {
	filter: brightness(1.08);
}

/* Details */
.theme-details {
	margin-top: 0.75rem;
	font-size: 0.9rem;
	color: var(--theme-muted-text-color);
}

@media screen and (max-width: 768px) {
	.theme-page-columns {
		flex-direction: column;
		padding: 0.5rem;
	}
	.theme-sidebar-stack {
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   Acessibilidade: foco visível (teclado)
   -------------------------------------------------------------------------- */
.theme-btn:focus-visible,
.theme-nav-link:focus-visible,
.theme-input:focus-visible,
.theme-form input:focus-visible,
.theme-form select:focus-visible,
.theme-form textarea:focus-visible {
	outline: 2px solid var(--theme-primary-color);
	outline-offset: 2px;
}

.theme-alert--warning {
	border-left: 4px solid var(--theme-warning-color);
}

.theme-text-center {
	text-align: center;
}

.theme-mt-sm {
	margin-top: 0.75rem;
}

.theme-mt-md {
	margin-top: 1.25rem;
}

.theme-link-danger {
	color: var(--theme-danger-color);
	font-weight: 600;
}

.theme-details summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--theme-heading-color);
	margin-bottom: 0.35rem;
}

.theme-radio-row input[type="radio"] {
	accent-color: var(--theme-primary-color);
}

.theme-consent-block {
	margin-top: 0.25rem;
	padding: 0.85rem 1rem;
	border-radius: calc(var(--theme-border-radius) * 0.85);
	border: 1px solid var(--theme-border-color);
	background: var(--theme-input-background);
}

.auth-page {
	min-height: min(52vh, 640px);
}

/* --------------------------------------------------------------------------
   Chrome legado (headers default / dark / minimal — logo + menu em faixa)
   -------------------------------------------------------------------------- */
#backtopo {
	display: scroll;
	position: fixed;
	top: 30px;
	right: 10px;
}

section.wrapper.style3 {
	padding: 20px 0 10px 0 !important;
	background-color: var(--theme-page-background) !important;
}

section.align-center {
	padding: 10px 20px 30px 20px;
	margin-top: 0;
	background-color: var(--theme-page-background) !important;
}

.menu-botoes {
	text-align: center;
	margin: 10px 0 0 0;
}

.menu-botoes .menu-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 10px;
}

.menu-botoes .menu-links a {
	background: var(--theme-button-primary-background);
	color: var(--theme-button-primary-text);
	padding: 10px 20px;
	text-decoration: none;
	border-radius: var(--theme-border-radius);
	font-weight: bold;
	transition: filter 0.3s ease;
}

.menu-botoes .menu-links a:hover {
	filter: brightness(1.12);
}

header.align-center::after {
	display: none !important;
}

#footer {
	background: var(--theme-footer-background);
	color: var(--theme-footer-text-color);
	padding: 30px 20px;
	text-align: center;
}

.theme-body > #footer {
	margin-top: auto;
}

.theme-chrome-minimal section.wrapper.style3 {
	padding: 16px 0 8px 0 !important;
}

.theme-chrome-minimal section.align-center {
	padding: 8px 16px 24px 16px;
}

.theme-chrome-minimal .menu-botoes .menu-links a {
	background: var(--theme-button-secondary-background);
	color: var(--theme-button-secondary-text) !important;
	padding: 8px 16px;
	font-weight: 600;
	border: 1px solid var(--theme-border-color);
	transition: box-shadow 0.2s ease;
}

.theme-chrome-minimal .menu-botoes .menu-links a:hover {
	filter: none;
	box-shadow: var(--theme-shadow-style);
}

.theme-chrome-minimal #footer {
	padding: 24px 16px;
	border-top: 1px solid var(--theme-border-color);
}

@media screen and (max-width: 768px) {
	section.align-center {
		padding: 10px 10px 20px 10px;
	}

	header.align-center img {
		max-width: 90%;
	}

	.menu-botoes .menu-links {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
	}

	.menu-botoes .menu-links a {
		padding: 6px 10px;
		font-size: 12px;
		border-radius: 4px;
		min-width: auto;
		width: auto;
	}

	#footer .icons {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		padding-bottom: 15px;
	}

	.statusBox {
		width: 100% !important;
		max-width: 95%;
		margin: 10px auto;
		font-size: 13px;
		padding: 15px;
		box-shadow: none;
		border-radius: 8px;
		background-color: var(--theme-surface-color) !important;
	}

	.statusBox table th,
	.statusBox table td {
		font-size: 12px;
		padding: 6px 5px;
	}

	.statusBox h3 {
		font-size: 16px;
	}

	.statusBox p {
		font-size: 13px;
		margin: 4px 0;
	}
}

/* --------------------------------------------------------------------------
   Criar personagem
   -------------------------------------------------------------------------- */
.theme-char-page {
	font-family: var(--theme-font-family-base);
	color: var(--theme-text-color);
	margin: 0;
	padding: 0 0 1rem;
}

.theme-char-panel {
	max-width: 720px;
	margin: 1.25rem auto;
	background: var(--theme-surface-color);
	color: var(--theme-text-color);
	border-radius: var(--theme-border-radius);
	padding: 1.5rem 1.35rem;
	box-shadow: var(--theme-shadow-style);
	border: 1px solid var(--theme-border-color);
}

.theme-char-panel h2 {
	text-align: center;
	color: var(--theme-heading-color);
	margin: 0 0 1rem;
	font-size: 1.35rem;
	font-weight: 700;
	font-family: var(--theme-font-family-heading);
}

.theme-char-account {
	text-align: center;
	margin-bottom: 1.25rem;
	font-size: 0.95rem;
	color: var(--theme-muted-text-color);
}

.theme-char-account strong {
	color: var(--theme-heading-color);
}

.theme-starters-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	max-height: 480px;
	overflow-y: auto;
	padding-right: 6px;
}

.theme-starter-card {
	position: relative;
	border: 2px solid transparent;
	border-radius: calc(var(--theme-border-radius) * 0.9);
	padding: 10px;
	cursor: pointer;
	text-align: center;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	user-select: none;
	background: var(--theme-input-background);
}

.theme-starter-card:hover {
	border-color: color-mix(in srgb, var(--theme-primary-color) 65%, var(--theme-border-color));
	box-shadow: 0 2px 12px color-mix(in srgb, var(--theme-primary-color) 18%, transparent);
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-starter-card:hover {
		border-color: var(--theme-primary-color);
	}
}

.theme-starter-card input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}

.theme-starter-card:focus-within .theme-starter-content {
	box-shadow: 0 0 0 2px var(--theme-page-background), 0 0 0 4px var(--theme-primary-color);
}

.theme-starter-card input[type="radio"]:checked + .theme-starter-content {
	border: 2px solid var(--theme-primary-color);
	border-radius: calc(var(--theme-border-radius) * 0.75);
	background: color-mix(in srgb, var(--theme-primary-color) 12%, var(--theme-surface-color));
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-starter-card input[type="radio"]:checked + .theme-starter-content {
		background: var(--theme-table-row-alt-background);
	}
}

.theme-starter-content {
	padding: 8px;
	border-radius: calc(var(--theme-border-radius) * 0.75);
	border: 2px solid transparent;
}

.theme-starter-card img {
	width: 64px;
	height: 64px;
	border-radius: 12px;
	margin-bottom: 8px;
	object-fit: contain;
}

.theme-starter-name {
	font-weight: 700;
	font-size: 0.9rem;
	margin-bottom: 6px;
	color: var(--theme-heading-color);
}

.theme-type-badge {
	display: inline-block;
	font-size: 11px;
	padding: 2px 6px;
	border-radius: 6px;
	color: #fff;
	font-weight: 600;
	margin: 2px 3px 2px 0;
	user-select: none;
}

.theme-type-grass {
	background-color: #78c850;
}
.theme-type-poison {
	background-color: #a040a0;
}
.theme-type-fire {
	background-color: #f08030;
}
.theme-type-water {
	background-color: #6890f0;
}

@media (max-width: 768px) {
	.theme-starters-grid {
		gap: 6px;
		max-height: none;
		overflow-y: visible;
		padding: 0;
	}

	.theme-starter-card {
		padding: 4px;
	}

	.theme-starter-card img {
		width: 36px;
		height: 36px;
		margin-bottom: 2px;
	}

	.theme-starter-name {
		font-size: 0.65rem;
	}

	.theme-type-badge {
		font-size: 7px;
		padding: 1px 3px;
	}
}

/* --------------------------------------------------------------------------
   Perfil de personagem
   -------------------------------------------------------------------------- */
.theme-perfil-page {
	margin: 0;
	padding: 0 0 1.5rem;
	font-family: var(--theme-font-family-base);
	color: var(--theme-text-color);
}

.theme-perfil-card {
	max-width: 900px;
	margin: 1.25rem auto;
	background: var(--theme-surface-color);
	border-radius: var(--theme-border-radius);
	box-shadow: var(--theme-shadow-style);
	overflow: hidden;
	border: 1px solid var(--theme-border-color);
}

.theme-perfil-card-header {
	background: linear-gradient(
		135deg,
		var(--theme-button-primary-background) 0%,
		color-mix(in srgb, var(--theme-button-primary-background) 72%, #000) 100%
	);
	color: var(--theme-button-primary-text);
	padding: 14px 20px;
	font-size: 0.9rem;
	letter-spacing: 0.04em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-perfil-card-header {
		background: var(--theme-button-primary-background);
	}
}

.theme-perfil-card-body {
	padding: 1.35rem 1.25rem;
	background: color-mix(in srgb, var(--theme-surface-color) 92%, var(--theme-page-background));
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-perfil-card-body {
		background: var(--theme-table-row-alt-background);
	}
}

.theme-perfil-layout {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: stretch;
}

.theme-perfil-portrait {
	flex: 1 1 260px;
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--theme-button-primary-background) 55%, var(--theme-surface-color)),
		color-mix(in srgb, var(--theme-secondary-color) 40%, var(--theme-surface-color))
	);
	border-radius: calc(var(--theme-border-radius) * 0.65);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 300px;
	border: 1px solid var(--theme-border-color);
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-perfil-portrait {
		background: var(--theme-table-row-alt-background);
	}
}

.theme-perfil-name-tag {
	position: absolute;
	top: 18%;
	left: 50%;
	transform: translate(-50%, -100%);
	color: var(--theme-success-color);
	font-weight: 700;
	font-size: 1rem;
	text-shadow:
		1px 1px 0 var(--theme-text-color),
		-1px 1px 0 var(--theme-text-color),
		1px -1px 0 var(--theme-text-color),
		-1px -1px 0 var(--theme-text-color);
	white-space: nowrap;
	z-index: 2;
}

.theme-perfil-portrait img {
	width: 45%;
	max-width: 260px;
	height: auto;
}

.theme-perfil-details {
	flex: 1 1 260px;
	display: grid;
	grid-template-columns: 130px 1fr;
	row-gap: 10px;
	column-gap: 8px;
	font-size: 0.95rem;
}

.theme-perfil-details .theme-perfil-label {
	font-weight: 600;
	color: var(--theme-muted-text-color);
}

.theme-perfil-online {
	color: var(--theme-success-color);
	font-weight: 700;
}

.theme-perfil-offline {
	color: var(--theme-danger-color);
	font-weight: 700;
}

.theme-perfil-quest-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 8px;
	margin-top: 4px;
}

@media (max-width: 480px) {
	.theme-perfil-quest-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}
}

.theme-perfil-quest {
	padding: 10px;
	border-radius: calc(var(--theme-border-radius) * 0.55);
	text-align: center;
	font-size: 0.82rem;
	line-height: 1.35;
	background: var(--theme-input-background);
	border: 1px solid var(--theme-border-color);
}

.theme-perfil-quest--done {
	color: var(--theme-success-color);
	font-weight: 700;
	border-left: 4px solid var(--theme-success-color);
}

.theme-perfil-quest--todo {
	color: var(--theme-danger-color);
	font-weight: 700;
	border-left: 4px solid var(--theme-danger-color);
}

.theme-perfil-badge-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
	gap: 4px;
	justify-items: center;
}

.theme-perfil-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px;
}

.theme-perfil-badge img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

@media (max-width: 640px) {
	.theme-perfil-details {
		grid-template-columns: 1fr;
	}

	.theme-perfil-details .theme-perfil-label {
		margin-top: 0.35rem;
	}
}

/* --------------------------------------------------------------------------
   Fluxo de pagamento / Pix
   -------------------------------------------------------------------------- */
.theme-pix-warning-banner {
	background: color-mix(in srgb, var(--theme-warning-color) 22%, var(--theme-surface-color));
	color: var(--theme-text-color);
	padding: 1rem;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	border-radius: var(--theme-border-radius);
	margin: 1rem 0;
	border: 1px solid color-mix(in srgb, var(--theme-warning-color) 45%, var(--theme-border-color));
}

@supports not (color: color-mix(in srgb, red, blue)) {
	.theme-pix-warning-banner {
		background: var(--theme-surface-color);
		border-color: var(--theme-warning-color);
	}
}

.theme-pix-panel {
	max-width: 480px;
	margin: 1.25rem auto;
	background: var(--theme-surface-color);
	color: var(--theme-text-color);
	padding: 1.35rem;
	border-radius: var(--theme-border-radius);
	box-shadow: var(--theme-shadow-style);
	text-align: center;
	border: 1px solid var(--theme-border-color);
}

.theme-pix-panel h2,
.theme-pix-panel h3 {
	color: var(--theme-heading-color);
}

.theme-pix-qr-wrap {
	background: var(--theme-surface-color);
	padding: 12px;
	border-radius: var(--theme-border-radius);
	display: inline-block;
	box-shadow: var(--theme-shadow-style);
	margin: 12px 0;
	border: 1px solid var(--theme-border-color);
}

.theme-pix-qr-wrap img {
	width: 240px;
	height: 240px;
	border-radius: calc(var(--theme-border-radius) * 0.75);
}

.theme-pix-code {
	width: 100%;
	height: 90px;
	font-family: ui-monospace, monospace;
	font-size: 12px;
	padding: 10px;
	border-radius: calc(var(--theme-border-radius) * 0.75);
	border: 1px solid var(--theme-input-border-color);
	background: var(--theme-input-background);
	color: var(--theme-input-text-color);
	resize: vertical;
}

.theme-pix-status {
	font-size: 1rem;
	font-weight: 700;
	color: var(--theme-danger-color);
	margin: 1.25rem 0;
}

.theme-pix-status--paid {
	color: var(--theme-success-color);
}

.theme-pix-footnote {
	margin-top: 10px;
	font-size: 0.82rem;
	color: var(--theme-muted-text-color);
}

.theme-pix-footnote a {
	color: var(--theme-link-color);
}

.theme-flow-card {
	max-width: 40rem;
	margin: 1.5rem auto;
	padding: 1.5rem 1.35rem;
	background: var(--theme-surface-color);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--theme-border-radius);
	box-shadow: var(--theme-shadow-style);
	color: var(--theme-text-color);
}

.theme-flow-card h1,
.theme-flow-card h2 {
	color: var(--theme-heading-color);
}

.theme-payment-title {
	font-size: 1.65rem;
	font-weight: 800;
	margin: 0 0 0.75rem;
	line-height: 1.2;
}

.theme-payment-title--success {
	color: var(--theme-success-color);
}

.theme-payment-title--pending {
	color: var(--theme-warning-color);
}

.theme-payment-title--error {
	color: var(--theme-danger-color);
}

.theme-incorreto {
	text-align: center;
	padding: 2rem 1rem;
}

.theme-incorreto a {
	color: var(--theme-link-color);
	text-decoration: none;
	font-weight: 600;
}

.theme-incorreto a:hover {
	color: var(--theme-link-hover-color);
	text-decoration: underline;
}