/* ==========================================================================
   Drawer mobile. Espelha template-parts/global/menu-mobile.php + menu-mobile.js.
   Painel em papel, fio no lugar de sombra, itens em Didone.
   ========================================================================== */
.raz-drawer[hidden] { display: none; }
.raz-drawer {
	position: fixed; inset: 0;
	z-index: var(--raz-z-drawer);
}
.raz-drawer__overlay {
	position: absolute; inset: 0;
	background: rgba(17, 17, 16, 0.32);
	opacity: 0;
	transition: opacity var(--cad-motion) var(--cad-ease);
}
.raz-drawer__panel {
	position: absolute; top: 0; right: 0; bottom: 0;
	width: min(88vw, 380px);
	background: var(--cad-paper);
	border-left: var(--cad-hairline) solid var(--cad-rule);
	padding: var(--cad-sp-5) var(--cad-sp-6) var(--cad-sp-8);
	box-shadow: var(--cad-shadow);
	transform: translateX(100%);
	transition: transform var(--cad-motion) var(--cad-ease);
	overflow-y: auto;
	display: flex; flex-direction: column; gap: var(--cad-sp-6);
}
.raz-drawer.is-open .raz-drawer__overlay { opacity: 1; }
.raz-drawer.is-open .raz-drawer__panel { transform: translateX(0); }

.raz-drawer__close {
	align-self: flex-end;
	background: none; border: 0; cursor: pointer;
	font-family: var(--cad-font-display);
	font-size: 26px; line-height: 1;
	width: 44px; height: 44px;
	color: var(--cad-ink);
}

.raz-menu--mobile {
	display: flex; flex-direction: column; gap: 0;
	list-style: none; margin: 0; padding: 0;
}
.raz-menu--mobile a {
	display: block;
	padding: var(--cad-sp-4) 0;
	font-family: var(--cad-font-display);
	font-size: var(--cad-fs-subtitle);
	letter-spacing: var(--cad-ls-display);
	text-transform: none;
	color: var(--cad-ink);
	border-bottom: var(--cad-hairline) solid var(--cad-rule);
}
.raz-menu--mobile a:hover { color: var(--cad-ink); border-bottom-color: var(--cad-ink); }

.raz-drawer__langs { display: none; }

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