/**
 * Header Obramax — apenas o que Tailwind não cobre:
 * filtros dos ícones ADEO (PNG) e animação do hamburger.
 * Layout, cores e estados visuais ficam em classes Tailwind nos templates.
 */

.cortex-icon--on-light {
	filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(90%);
}

.cortex-icon--on-primary {
	filter: invert(1);
}

.cortex-header__hamburger span {
	transform-origin: center;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.cortex-header__menu-btn.is-open .cortex-header__hamburger span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.cortex-header__menu-btn.is-open .cortex-header__hamburger span:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

.cortex-header__menu-btn.is-open .cortex-header__hamburger span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

#cortex-header nav a.cortex-nav-link--active,
#cortex-drawer nav a.cortex-nav-link--active {
	color: var(--cortex-primary) !important;
}