/**
 * Cabeçalho principal — barra de navegação e status do jogador.
 */

.game-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-32);
	padding: var(--space-16) var(--space-32);
	height: var(--height-header);
	box-sizing: border-box;
	background: var(--color-pure-white);
	position: sticky;
	top: 0;
	z-index: var(--z-index-header);
}

/* ── Logo ── */
.game-header-logo {
	display: flex;
	align-items: center;
	flex: 1;
	text-decoration: none;
}

.game-header-logo img {
	display: block;
	height: 28px;
	width: auto;
}

/* ── Navegação ── */
.game-header-nav {
	display: flex;
	align-items: center;
	gap: var(--space-48);
}

.game-header-nav-link {
	font-family: var(--font-body);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-muted);
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--transition-fast);
}

.game-header-nav-link:hover,
.game-header-nav-link[aria-current="page"] {
	color: var(--color-primary);
}

/* ── Lado direito: status + avatar ── */
.game-header-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--space-16);
	flex: 1;
}

/* Grupo dos dois badges */
.game-header-status {
	display: flex;
	align-items: center;
	gap: var(--space-8);
}

/* ── Status badges (estrelas e gemas) ── */

.game-status-badge {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	padding: var(--space-8) var(--space-16);
	background: var(--color-background);
	border-radius: var(--radius-8);
	font-family: var(--font-body);
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-bold);
	color: var(--color-text);
}

.game-status-badge .game-object {
	width: var(--space-16);
	height: var(--space-16);
	flex-shrink: 0;
}

/* ── Avatar placeholder ── */
.game-header-avatar {
	width: var(--space-40);
	height: var(--space-40);
	border-radius: var(--radius-full);
	background: var(--color-pastel-grey);
	flex-shrink: 0;
	cursor: pointer;
	transition: opacity var(--transition-fast);
}

.game-header-avatar:hover {
	opacity: 0.85;
}