/**
 * Camada visual Potter (gameType vocation): fundo, tipografia e cromado do shell.
 * Tokens --theme-* vêm de vocation_potter_tokens.php + tema ativo.
 */

body.theme-body--vocation-potter {
	margin: 0;
	min-height: 100vh;
	color: var(--theme-text-color);
	font-family: var(--theme-font-family-base);
	background: url("https://images.hdqwalls.com/download/hogwarts-legacy-4k-game-34-1920x1080.jpg")
		no-repeat center center fixed;
	background-size: cover;
}

body.theme-body--vocation-potter .theme-main-area {
	background: transparent;
}

body.theme-body--vocation-potter .theme-content-shell {
	backdrop-filter: blur(5px);
	border-radius: var(--theme-border-radius);
	box-shadow: var(--theme-shadow-style);
	border: 1px solid var(--theme-border-color);
}

body.theme-body--vocation-potter .theme-header-bar {
	border-bottom: 2px solid var(--theme-header-border-color);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);
}

body.theme-body--vocation-potter .theme-btn--primary {
	background: linear-gradient(45deg, #740001, #5a0000);
	border: 1px solid #D3A625;
	box-shadow: 0 0 15px rgba(116, 0, 1, 0.5);
	color: #ffffff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

body.theme-body--vocation-potter .theme-btn--primary:hover {
	background: linear-gradient(45deg, #8a0000, #740001);
	box-shadow: 0 0 25px rgba(211, 166, 37, 0.6);
	color: #ffffff;
}

body.theme-body--vocation-potter .theme-content-shell a.theme-btn--primary,
body.theme-body--vocation-potter .theme-content-shell a.theme-btn--primary:hover,
body.theme-body--vocation-potter .theme-content-shell a.theme-btn--primary:visited,
body.theme-body--vocation-potter .theme-content-shell a.theme-btn--primary:focus {
	color: #ffffff;
}

body.theme-body--vocation-potter h1,
body.theme-body--vocation-potter h2,
body.theme-body--vocation-potter h3 {
	font-family: var(--theme-font-family-heading);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.theme-body--vocation-potter select {
	color-scheme: dark;
}

body.theme-body--vocation-potter select option {
	background-color: #111111 !important;
	color: #D3A625 !important;
	-webkit-text-fill-color: #D3A625;
}

body.theme-body--vocation-potter select optgroup {
	background-color: #222222 !important;
	color: #ffffff !important;
	font-weight: 600;
	-webkit-text-fill-color: #ffffff;
}