/**
 * Ajustes de interação do cabeçalho.
 *
 * Este arquivo é carregado depois do CSS compilado para disponibilizar os
 * ajustes imediatamente. As mesmas regras permanecem em assets/src/app.css
 * para as próximas compilações do tema.
 */

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

html {
	scroll-behavior: auto;
}

@supports (overflow: clip) {
	html,
	body {
		overflow-x: clip;
	}
}

.site-header {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	transition: background-color 0.5s ease, box-shadow 0.5s ease;
}

body:not(.has-hero) .site-header {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.search-glass {
	border-radius: 20px;
	border-color: rgb(255 255 255 / 0.28);
	transition:
		border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.search-glass:focus-within {
	border-color: rgb(255 255 255 / 0.52);
	background-color: rgb(255 255 255 / 0.12);
	box-shadow: 0 0 0 1px rgb(255 255 255 / 0.04);
}

.search-glass input,
.search-glass input:focus,
.search-glass input:focus-visible {
	appearance: none;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.ca-logo-link {
	opacity: 1;
	transition: opacity 0.28s ease;
}

.ca-logo-link:hover,
.ca-logo-link:focus-visible {
	opacity: 0.72;
}

.ca-contact-button {
	transform: translateY(0) scale(1);
	transition:
		transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
		background-color 0.35s ease,
		box-shadow 0.38s ease,
		filter 0.35s ease;
}

.ca-contact-button:hover,
.ca-contact-button:focus-visible {
	transform: translateY(-2px) scale(1.025);
	background-color: #ed2850;
	box-shadow: 0 14px 34px -10px rgb(224 31 68 / 0.85);
	filter: saturate(1.06);
}

.ca-contact-button:active {
	transform: translateY(0) scale(0.985);
	transition-duration: 0.12s;
}

.nav-primary a {
	transition: color 0.25s ease;
}

.nav-primary a::after {
	width: 100%;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.nav-primary a:hover,
.nav-primary a:focus-visible {
	color: #fff;
}

.nav-primary a:hover::after,
.nav-primary a:focus-visible::after,
.nav-primary .current-menu-item > a::after {
	transform: scaleX(1);
}