/* Estrutura: container, HEADER, drawer, newsletter, FOOTER. Mobile first. */

.container {
	width: 100%;
	max-width: var(--page-max);
	margin-inline: auto;
	padding-inline: var(--page-margin);
}

/* HEADER (7:79): 70 px + linha inferior bg-default-hover */
.site-header {
	position: relative;
	z-index: 50;
	background: var(--theme-slate-bg-default);
	border-bottom: 1px solid var(--theme-slate-bg-default-hover);
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: var(--page-max);
	margin-inline: auto;
	padding: var(--spacing-5) var(--header-padding-x);
}

.site-header__nav {
	display: none;
}

.site-header__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--spacing-6);
}

.site-header__toggle {
	width: 30px;
	height: 30px;
}

.site-header__cart {
	width: 30px;
	height: 30px;
}

@media (min-width: 1024px) {
	.site-header__inner {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		gap: var(--spacing-6);
	}

	.site-header__toggle {
		display: none;
	}

	.site-header__nav {
		display: block;
		min-width: 0;
	}

	.site-header__nav--left .menu {
		justify-content: flex-start;
	}

	.site-header__cart {
		width: 20px;
		height: 20px;
	}
}

/* Drawer mobile — SEM desenho no Figma; implementação provisória com componentes do DS */
.drawer {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-8);
	padding: var(--spacing-5) var(--header-padding-x);
	background: var(--theme-slate-bg-default);
	overflow-y: auto;
}

.drawer[hidden] {
	display: none;
}

.admin-bar .drawer {
	top: var(--wp-admin--admin-bar--height, 0px);
}

.drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.drawer__close {
	width: 30px;
	height: 30px;
}

.drawer__nav {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-8);
}

@media (min-width: 1024px) {
	.drawer {
		display: none !important;
	}
}

/* Newsletter (7:175) */
.newsletter {
	padding: var(--spacing-10) var(--page-margin);
	text-align: center;
}

.newsletter p {
	max-width: 376px;
	margin-inline: auto;
}

/* FOOTER (7:146) */
.site-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-6);
	padding: var(--spacing-10) var(--spacing-6);
	text-align: center;
}

.site-footer__nav {
	width: 100%;
}

.site-footer__menu {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, max-content));
	justify-content: center;
	gap: var(--spacing-6);
	justify-items: center;
	white-space: nowrap;
}

@media (max-width: 359px) {
	.site-footer__menu {
		white-space: normal;
	}
}

.site-footer__menu > li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

.site-footer__legal {
	max-width: 620px;
}

@media (min-width: 1024px) {
	.site-footer {
		padding: var(--spacing-10);
	}

	.site-footer__menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	/* Cada linha legal numa linha só, como no Figma (2 linhas centralizadas). */
	.site-footer__legal {
		max-width: none;
	}
}