/**
 * Save Game - Header Desktop
 *
 * Estilos exclusivos do cabeçalho
 * para computadores.
 */


/* =========================================================
   HEADER DESKTOP
   ========================================================= */

.savegame-header-desktop {
	display: none;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1024px) {


	/* =====================================================
	   HEADER
	   ===================================================== */

	body .savegame-header-desktop {
		position: relative;
		z-index: 1000;

		display: block;

		width: 100%;

		margin: 0;
		padding: 0;

		background: var(--savegame-background);

		border: 0;
		border-bottom: 1px solid var(--savegame-border);
	}


	/* =====================================================
	   CONTAINER
	   ===================================================== */

	body .savegame-header-desktop .savegame-desktop-container {
		box-sizing: border-box;

		display: flex;
		align-items: center;

		width: 100%;
		max-width: 1200px;
		min-height: 72px;

		margin: 0 auto;
		padding: 0 20px;

		gap: 28px;
	}


	/* =====================================================
	   LOGO
	   ===================================================== */

	body .savegame-header-desktop .savegame-desktop-logo {
		display: flex;
		align-items: center;

		flex: 0 0 auto;

		margin: 0;
		padding: 0;
	}


	body .savegame-header-desktop .savegame-desktop-logo a {
		display: flex;
		align-items: center;

		margin: 0;
		padding: 0;

		text-decoration: none;
	}


	body .savegame-header-desktop
	.savegame-desktop-logo-image {
		display: block;

		width: auto !important;
		height: auto !important;

		max-width: 180px !important;
		max-height: 46px !important;

		margin: 0 !important;
		padding: 0 !important;

		object-fit: contain;
	}


	body .savegame-header-desktop
	.savegame-desktop-logo-text {
		display: block;

		margin: 0;
		padding: 0;

		color: var(--savegame-text);

		font-size: 28px;
		font-weight: 700;
		line-height: 1;
	}


	/* =====================================================
	   NAVEGAÇÃO
	   ===================================================== */

	body .savegame-header-desktop
	.savegame-desktop-navigation {
		display: flex;
		align-items: center;

		flex: 1 1 auto;

		min-width: 0;

		margin: 0;
		padding: 0;
	}


	/* =====================================================
	   LISTA PRINCIPAL
	   ===================================================== */

	body .savegame-header-desktop
	ul.savegame-desktop-menu {
		display: flex !important;
		align-items: center;

		list-style: none !important;

		width: auto;

		margin: 0 !important;
		padding: 0 !important;

		gap: 2px;
	}


	/* =====================================================
	   ITENS PRINCIPAIS
	   ===================================================== */

	body .savegame-header-desktop
	ul.savegame-desktop-menu
	> li {
		position: relative;

		display: flex !important;
		align-items: center;

		list-style: none !important;

		width: auto;

		margin: 0 !important;
		padding: 0 !important;

		border: 0;
	}


	body .savegame-header-desktop
	ul.savegame-desktop-menu
	> li
	> a {
		box-sizing: border-box;

		display: flex !important;
		align-items: center;

		width: auto;

		min-height: 72px;

		margin: 0 !important;
		padding: 0 11px !important;

		background: transparent !important;

		color: var(--savegame-text) !important;

		font-size: 13px;
		font-weight: 700;
		line-height: 1;

		letter-spacing: 0.15px;

		white-space: nowrap;

		text-decoration: none !important;
		text-transform: uppercase;

		visibility: visible !important;
		opacity: 1 !important;

		transition: color 0.2s ease;
	}


	body .savegame-header-desktop
	ul.savegame-desktop-menu
	> li
	> a:hover {
		color: var(--savegame-purple) !important;
	}


	body .savegame-header-desktop
	ul.savegame-desktop-menu
	> li
	> a:focus-visible {
		color: var(--savegame-purple) !important;

		outline: 2px solid var(--savegame-purple);
		outline-offset: -4px;
	}


	/* =====================================================
	   SUBMENU
	   ===================================================== */

	body .savegame-header-desktop
	ul.savegame-desktop-menu
	ul.sub-menu {
		display: none !important;
	}


	/* =====================================================
	   AÇÕES DA DIREITA
	   ===================================================== */

	body .savegame-header-desktop
	.savegame-desktop-actions {
		display: flex;
		align-items: center;
		justify-content: flex-end;

		flex: 0 0 auto;

		margin: 0 0 0 auto;
		padding: 0;
	}


	/* =====================================================
	   BOTÃO DE BUSCA
	   ===================================================== */

	body .savegame-header-desktop
	button.savegame-desktop-search-toggle {
		box-sizing: border-box;

		display: inline-flex;
		align-items: center;
		justify-content: center;

		width: 42px !important;
		height: 42px !important;

		min-width: 42px;
		min-height: 42px;

		margin: 0 !important;
		padding: 0 !important;

		border: 0 !important;
		border-radius: 6px !important;

		background: transparent !important;

		color: var(--savegame-text) !important;

		box-shadow: none !important;

		cursor: pointer;

		-webkit-appearance: none;
		appearance: none;

		-webkit-tap-highlight-color: transparent;

		transition:
			background-color 0.2s ease,
			color 0.2s ease;
	}


	body .savegame-header-desktop
	button.savegame-desktop-search-toggle:hover {
		background: var(--savegame-purple-light) !important;

		color: var(--savegame-purple) !important;
	}


	body .savegame-header-desktop
	button.savegame-desktop-search-toggle:focus-visible {
		outline: 2px solid var(--savegame-purple);
		outline-offset: 2px;
	}


	body .savegame-header-desktop
	.savegame-desktop-search-toggle
	i {
		display: block;

		margin: 0;
		padding: 0;

		color: inherit;

		font-size: 19px;
		line-height: 1;
	}


	/* =====================================================
	   REMOVE MARCADORES DAS LISTAS
	   ===================================================== */

	body .savegame-header-desktop
	.savegame-desktop-navigation ul,

	body .savegame-header-desktop
	.savegame-desktop-navigation li {
		list-style: none !important;
	}


	/* =====================================================
	   PAINEL DE BUSCA
	   ===================================================== */

	body .savegame-header-desktop
	.savegame-desktop-search-panel[hidden] {
		display: none !important;
	}

}