/* ============================================================================
   CDP v3.9.56 — Header taller + Drawer full-height + Logo premium
   ============================================================================ */

/* ===== 1) Barra do cabeçalho mais alta ===== */
body .site-header > .container {
	min-height: 76px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
body .site-header .site-branding__link img,
body .site-header .site-branding__link .custom-logo,
body .site-header .custom-logo {
	height: 52px !important;
	max-height: 52px !important;
	width: auto !important;
}
body .site-header .site-branding__name { font-size: 20px !important; letter-spacing: 0.04em !important; }
body .site-header .site-branding__tagline { font-size: 11px !important; letter-spacing: 0.18em !important; }

@media (max-width: 640px) {
	body .site-header > .container { min-height: 64px !important; }
	body .site-header .site-branding__link img,
	body .site-header .site-branding__link .custom-logo,
	body .site-header .custom-logo { height: 42px !important; max-height: 42px !important; }
}

/* ===== 2) Drawer ocupa 100% da altura da viewport ===== */
body .site-header .cdp-primary-nav {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	height: 100vh !important;
	height: 100dvh !important;
	max-height: 100vh !important;
	max-height: 100dvh !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important; /* o scroll vai para a lista */
}
body.admin-bar .site-header .cdp-primary-nav {
	height: calc(100vh - 32px) !important;
	height: calc(100dvh - 32px) !important;
	max-height: calc(100vh - 32px) !important;
	max-height: calc(100dvh - 32px) !important;
}
@media screen and (max-width: 782px) {
	body.admin-bar .site-header .cdp-primary-nav {
		height: calc(100vh - 46px) !important;
		height: calc(100dvh - 46px) !important;
		max-height: calc(100vh - 46px) !important;
		max-height: calc(100dvh - 46px) !important;
	}
}

/* ===== 3) Branding premium — crest grande + selo dourado ===== */
.cdp-nav-brand {
	flex: 0 0 auto !important;
	padding: 26px 24px 22px !important;
	border-bottom: 1px solid rgba(212, 175, 55, 0.28) !important;
	background:
		radial-gradient(80% 100% at 50% 0%, rgba(212,175,55,0.18), transparent 70%),
		linear-gradient(180deg, rgba(255,255,255,0.06), transparent) !important;
	position: relative !important;
}
.cdp-nav-brand::before {
	content: "";
	position: absolute; inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
	background-size: 18px 18px;
	mask-image: radial-gradient(60% 60% at 50% 50%, #000, transparent 80%);
	-webkit-mask-image: radial-gradient(60% 60% at 50% 50%, #000, transparent 80%);
	pointer-events: none;
	opacity: 0.5;
}
.cdp-nav-brand__link {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	text-decoration: none !important;
	color: #fff !important;
	position: relative;
	z-index: 1;
}
.cdp-nav-brand__logo,
.cdp-nav-brand img {
	width: 64px !important;
	height: 64px !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
	padding: 6px !important;
	background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.10), rgba(255,255,255,0.02)) !important;
	border: 1px solid rgba(212, 175, 55, 0.45) !important;
	border-radius: 50% !important;
	box-shadow:
		0 0 0 3px rgba(7, 23, 58, 0.6),
		0 6px 18px rgba(0,0,0,0.45),
		inset 0 0 12px rgba(212,175,55,0.10) !important;
}
.cdp-nav-brand__text { display: flex !important; flex-direction: column !important; line-height: 1.1 !important; min-width: 0 !important; }
.cdp-nav-brand__name {
	font-family: "Bebas Neue", "Inter", system-ui, sans-serif !important;
	font-size: 24px !important;
	letter-spacing: 0.05em !important;
	color: #fff !important;
	text-transform: uppercase !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cdp-nav-brand__tagline {
	font-family: "Inter", system-ui, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: var(--cdp-ouro, #D4AF37) !important;
	margin-top: 6px !important;
}

/* ===== 4) Lista do menu ocupa o espaço restante e rola sozinha ===== */
body .site-header .cdp-primary-menu {
	list-style: none !important;
	margin: 0 !important;
	padding: 6px 0 !important;
	flex: 1 1 auto !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	min-height: 0 !important;
	scrollbar-width: thin;
	scrollbar-color: rgba(212,175,55,0.4) transparent;
}
body .site-header .cdp-primary-menu::-webkit-scrollbar { width: 6px; }
body .site-header .cdp-primary-menu::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.35); border-radius: 3px; }

/* ===== 5) Rodapé sempre colado embaixo ===== */
.cdp-nav-foot {
	flex: 0 0 auto !important;
	margin-top: auto !important;
	padding: 18px 24px 22px !important;
	border-top: 1px solid rgba(212, 175, 55, 0.28) !important;
	text-align: center !important;
	background: linear-gradient(0deg, rgba(0,0,0,0.35), transparent) !important;
}