/* Author: Rafael Silva | Version: 1.3 */
/* Header unificado — logo (esq) | menu (centro viewport) | Loja (dir) */

.starstore-header-unified .starstore-home-header-group {
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.starstore-header-unified .starstore-home-header-group .logo-mark {
	display: none !important;
}

.starstore-header-unified .starstore-home-header-group > .site-header .main-header.col-full,
.starstore-header-unified .starstore-home-header-group > .site-header .col-full {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media (min-width: 992px) {
	/*
	 * Duas camadas no mesmo grid:
	 * - site-header na coluna 1 (logo)
	 * - col-full-nav ocupa as 3 colunas por baixo; menu na 2, Loja na 3
	 */
	.starstore-header-unified .starstore-home-header-group {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		padding: 0.75rem clamp(1.25rem, 4vw, 2.5rem) !important;
		gap: 0;
		flex-wrap: nowrap !important;
	}

	.starstore-header-unified .starstore-home-header-group > .site-header {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
		align-self: center;
		z-index: 3;
		width: auto;
		max-width: 100%;
	}

	.starstore-header-unified .starstore-home-header-group > .col-full-nav {
		grid-column: 1 / -1;
		grid-row: 1;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		width: 100% !important;
		min-width: 0;
		margin: 0 !important;
		padding: 0 !important;
		gap: 0 1.5rem;
		flex: none !important;
		background: transparent !important;
		justify-content: stretch !important;
	}

	.starstore-header-unified .starstore-home-header-group > .col-full-nav > .shoptimizer-primary-navigation,
	.starstore-header-unified .starstore-home-header-group > .col-full-nav > .shoptimizer-primary-navigation.col-full {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		align-self: center;
		width: auto !important;
		max-width: min(100vw - 14rem, 52rem);
		margin: 0 !important;
		padding: 0 !important;
		flex: none !important;
		display: block !important;
		order: unset !important;
	}

	.starstore-header-unified .starstore-home-header-group .col-full-nav #site-navigation,
	.starstore-header-unified .starstore-home-header-group .col-full-nav .main-navigation,
	.starstore-header-unified .starstore-home-header-group .primary-navigation {
		position: static !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;
		text-align: center !important;
	}

	.starstore-header-unified .starstore-home-header-group .main-navigation ul.menu {
		justify-content: center !important;
		flex-wrap: nowrap;
	}

	.starstore-header-unified .starstore-home-header-group .col-full-nav .search-trigger,
	.starstore-header-unified .starstore-home-header-group .col-full-nav .shoptimizer-myaccount {
		display: none !important;
	}

	.starstore-header-unified .starstore-home-header-group > .col-full-nav > .site-header-cart,
	.starstore-header-unified .starstore-home-header-group > .col-full-nav > .starstore-header-loja:not(.starstore-header-loja--mobile) {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
		align-self: center;
		display: flex !important;
		align-items: center;
		height: auto !important;
		margin: 0 !important;
		padding-left: 1.25rem;
		border-left: 1px solid rgba(134, 216, 216, 0.22);
		order: unset !important;
	}

	.starstore-header-unified .starstore-home-header-group .main-header .site-header-cart,
	.starstore-header-unified .starstore-home-header-group .main-header .starstore-header-loja--mobile {
		display: none !important;
	}

	.starstore-header-unified .starstore-home-header-group .menu-primary-menu-container > ul > li > a,
	.starstore-header-unified .starstore-home-header-group .menu-primary-menu-container > ul > li.nolink > span {
		line-height: 1.4 !important;
	}
}

/* Botão Loja ---------------------------------------------------------------- */

.starstore-header-unified .starstore-header-loja__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 0.45rem 1.35rem;
	border-radius: 999px;
	background: var(--starstore-accent, #65bad6);
	color: var(--starstore-bg-deep, #0a161c);
	font-family: var(--starstore-font-body, inherit);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition:
		background 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease;
}

.starstore-header-unified .starstore-header-loja__btn:hover,
.starstore-header-unified .starstore-header-loja__btn:focus-visible {
	background: var(--starstore-accent-light, #86d8d8);
	color: var(--starstore-bg-deep, #0a161c);
	box-shadow: 0 0 0 2px rgba(134, 216, 216, 0.35);
}

.starstore-header-unified .starstore-header-loja .shoptimizer-cart,
.starstore-header-unified .starstore-header-loja .cart-contents .amount,
.starstore-header-unified .starstore-header-loja .cart-contents .count,
.starstore-header-unified .starstore-header-loja .shoptimizer-cart-icon {
	display: none !important;
}

/* Mobile -------------------------------------------------------------------- */

@media (max-width: 991px) {
	.starstore-header-unified .starstore-home-header-group > .site-header .main-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
	}

	.starstore-header-unified .starstore-home-header-group .main-header .starstore-header-loja--mobile {
		display: flex !important;
		align-items: center;
		margin-left: auto;
		order: 5;
	}

	.starstore-header-unified .starstore-home-header-group .main-header .starstore-header-loja--mobile .starstore-header-loja__btn {
		min-height: 2.25rem;
		padding: 0.4rem 1rem;
		font-size: 0.875rem;
	}

	.starstore-header-unified .starstore-home-header-group .col-full-nav .starstore-header-loja:not(.starstore-header-loja--mobile) {
		display: none !important;
	}

	.starstore-header-unified .starstore-home-header-group .main-header .site-header-cart:not(.starstore-header-loja) {
		display: none !important;
	}
}