/*
 * CM Núcleo — toque-para-expandir dos submenus de [cmn_menu].
 *
 * A aparência do menu (cores, tipografia, o dropdown de tela larga) é do
 * layout que o usa — este arquivo só garante que, sem "passar o mouse",
 * quem toca a tela também alcança os submenus, empurrando a lista para
 * baixo em vez de abrir um balão flutuante.
 */

.cmn-menu-toggle {
	display: none;
	-webkit-user-select: none;
	user-select: none;
	touch-action: manipulation;
}

@media (max-width: 921px) {

	.cmn-menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		margin: -0.8rem -0.6rem -0.8rem -0.1rem;
		padding: 0;
		border: 0;
		background: none;
		color: inherit;
		font: inherit;
		cursor: pointer;
		vertical-align: middle;
	}
	.cmn-menu-toggle svg {
		width: 0.85em;
		height: 0.85em;
		transition: transform 0.15s ease;
	}
	.cmn-menu-toggle:focus-visible {
		outline: 2px solid currentColor;
		outline-offset: 2px;
	}
	li.cmn-menu-aberto > .cmn-menu-toggle svg {
		transform: rotate(180deg);
	}

	/* Duplicar a classe (.sub-menu.sub-menu) só para pesar mais que a regra
	   de dropdown flutuante do próprio layout, sem precisar de !important.
	   Tratamento "cartão de pergaminho" (prancha aprovada em 2026-08-03):
	   um rebaixo de tom sobre o marfim com moldura fina de ouro, para o
	   grupo expandido se destacar do fundo da página. */
	.cmn-menu-nav .sub-menu.sub-menu {
		display: none;
		position: static;
		transform: none;
		min-width: 0;
		width: auto;
		margin: 0.45rem 0.95rem 0.3rem;
		padding: 0.28rem 0;
		text-align: center;
		/* Mesmo cartão do balão do desktop (layout do frontispício):
		   pergaminho um degrau abaixo do marfim da página. */
		background: #EADFC7;
		border: 1px solid rgba(191, 137, 42, 0.55); /* Ouro Envelhecido */
		border-radius: 12px;
		box-shadow: inset 0 1px 2px rgba(36, 33, 29, 0.07);
	}
	.cmn-menu-nav li.cmn-menu-aberto > .sub-menu.sub-menu {
		display: block;
	}
	.cmn-menu-nav .sub-menu.sub-menu li {
		padding: 0;
	}
	.cmn-menu-nav .sub-menu.sub-menu li + li {
		border-top: 1px solid rgba(36, 33, 29, 0.09);
	}
	/* Véu de ouro (prancha aprovada em 2026-08-03): a linha inteira é área
	   de toque; o véu responde ao dedo/mouse e a página atual fica marcada
	   com véu denso e ouro escuro. */
	.cmn-menu-nav .sub-menu.sub-menu a {
		display: block;
		padding: 0.36rem 0.6rem;
		transition: background-color .12s ease, color .12s ease;
	}
	.cmn-menu-nav .sub-menu.sub-menu a:hover,
	.cmn-menu-nav .sub-menu.sub-menu a:focus-visible,
	.cmn-menu-nav .sub-menu.sub-menu a:active {
		background-color: rgba(191, 137, 42, 0.13);
	}
	.cmn-menu-nav .sub-menu.sub-menu li.current-menu-item > a {
		background-color: rgba(191, 137, 42, 0.2);
		color: #7A5717;
		font-weight: 600;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cmn-menu-toggle svg,
	.cmn-menu-nav .sub-menu.sub-menu a {
		transition: none;
	}
}