/**
 * Mega menu "Produtos" — painel de 2 colunas (Alimentos/Rural) na Row 3
 * (desktop) e acordeão equivalente no menu hambúrguer (mobile). Abrir/fechar
 * é controlado por assets/js/mega-menu.js; aqui só a aparência e a transição.
 */

/* ---- Desktop (painel hover, >782px — a Row 3 inteira some abaixo disso) ---- */

.coisasdecasa-header-nav-row {
	position: relative;
	/* âncora do painel full-bleed abaixo */
}

.coisasdecasa-megamenu {
	position: static;
}

.coisasdecasa-megamenu__trigger {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	background: none;
	border: none;
	cursor: pointer;
	font: inherit;
}

.coisasdecasa-header-nav-row .coisasdecasa-megamenu__trigger:hover,
.coisasdecasa-header-nav-row .coisasdecasa-megamenu__trigger:focus-visible,
.coisasdecasa-header-nav-row .coisasdecasa-megamenu.is-open .coisasdecasa-megamenu__trigger {
	border-bottom-color: var(--wp--preset--color--amarelo-marca);
}

.coisasdecasa-megamenu__chevron {
	width: 0.7rem;
	height: 0.7rem;
	transition: transform 0.15s ease;
}

.coisasdecasa-megamenu.is-open .coisasdecasa-megamenu__chevron {
	transform: rotate(180deg);
}

.coisasdecasa-megamenu__panel {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	/* width: 1320px; */
	/* max-width: calc(100% - 3rem); */
	margin-inline: auto;
	z-index: 210;
	background: var(--wp--preset--color--branco-papel);
	box-shadow: 0 12px 28px rgba(34, 37, 42, 0.12);
	border-top: 1px solid var(--wp--preset--color--linha);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
}

.coisasdecasa-megamenu.is-open .coisasdecasa-megamenu__panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0s;
}

@media (prefers-reduced-motion: reduce) {
	.coisasdecasa-megamenu__panel {
		transition: none;
	}
}

.coisasdecasa-megamenu__panel-inner {
	max-width: 1320px;
	margin-inline: auto;
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	display: flex;
	gap: var(--wp--preset--spacing--60);
}

.coisasdecasa-megamenu__col {
	display: flex;
	flex-direction: column;
	flex: 0 1 480px;
	min-width: 0;
	border-radius: 16px;
	padding: var(--wp--preset--spacing--40);
}

.coisasdecasa-megamenu__col--alimentos {
	background-color: var(--wp--preset--color--fundo-casa);
}

.coisasdecasa-megamenu__col--rural {
	background-color: var(--wp--preset--color--fundo-campo);
}

.coisasdecasa-megamenu__divider {
	width: 1px;
	background: var(--wp--preset--color--linha);
	flex-shrink: 0;
}

.coisasdecasa-megamenu__heading {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--large);
}

.coisasdecasa-megamenu__heading-icon {
	display: inline-flex;
	flex-shrink: 0;
}

.coisasdecasa-megamenu__heading-icon svg {
	display: block;
}

.coisasdecasa-megamenu__col--alimentos .coisasdecasa-megamenu__heading {
	color: var(--wp--preset--color--vermelho-casa);
}

.coisasdecasa-megamenu__col--rural .coisasdecasa-megamenu__heading {
	color: var(--wp--preset--color--verde-campo);
}

.coisasdecasa-megamenu__list {
	list-style: none;
	margin: 0 0 var(--wp--preset--spacing--30);
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem 1.5rem;
}

.coisasdecasa-megamenu__col--rural .coisasdecasa-megamenu__list {
	grid-template-columns: 1fr;
}

.coisasdecasa-megamenu__list a {
	color: var(--wp--preset--color--grafite);
	text-decoration: none;
	font-size: 0.9375rem;
}

.coisasdecasa-megamenu__list a:hover,
.coisasdecasa-megamenu__list a:focus-visible {
	text-decoration: underline;
}

.coisasdecasa-megamenu__cta {
	display: inline-block;
	align-self: flex-start;
	margin-top: auto;
	padding: 0.5rem 1.25rem;
	border-radius: 999px;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	color: #fff;
	margin-top: 25px;
}

.coisasdecasa-megamenu__col--alimentos .coisasdecasa-megamenu__cta {
	background-color: var(--wp--preset--color--vermelho-casa);
}

.coisasdecasa-megamenu__col--rural .coisasdecasa-megamenu__cta {
	background-color: var(--wp--preset--color--verde-campo);
}

.coisasdecasa-megamenu__cta:hover,
.coisasdecasa-megamenu__cta:focus-visible {
	background-color: var(--wp--preset--color--grafite);
}

/* ---- Mobile (acordeão dentro do hambúrguer, ≤782px) ---- */

.coisasdecasa-mobile-nav__products {
	width: 100%;
}

.coisasdecasa-mobile-nav__products-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: none;
	cursor: pointer;
	font: inherit;
	text-align: left;
	padding: 0.6rem 0;
	font-size: 1rem;
	color: var(--wp--preset--color--grafite);
}

.coisasdecasa-mobile-nav__products-toggle .coisasdecasa-megamenu__chevron {
	width: 0.7rem;
	height: 0.7rem;
	transition: transform 0.15s ease;
}

.coisasdecasa-mobile-nav__products-toggle[aria-expanded="true"] .coisasdecasa-megamenu__chevron {
	transform: rotate(180deg);
}

.coisasdecasa-mobile-nav__products-panel {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding-bottom: 0.5rem;
}

.coisasdecasa-mobile-nav__products-panel[hidden] {
	display: none;
}

.coisasdecasa-mobile-nav__products-panel a {
	color: var(--wp--preset--color--grafite);
	text-decoration: none;
	padding: 0.35rem 0 0.35rem 1rem;
	font-size: 0.9375rem;
}

.coisasdecasa-mobile-nav__products-heading {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0.5rem 0 0;
	padding-left: 1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--wp--preset--color--cinza-texto);
}

.coisasdecasa-mobile-nav__products-cta {
	font-weight: 600 !important;
	color: var(--wp--preset--color--vermelho-marca) !important;
}