/* ==========================================================================
   Navbar hover & active-page effects
   Animated underline that grows from the centre on hover, a subtle lift,
   and a distinct glowing underline for the current page. Uses the brand
   red (#ec1d25) and works on both the transparent and fixed (scrolled)
   header states.
   ========================================================================== */

.main_menu > li > a {
	position: relative;
	transition: color 0.35s ease, transform 0.35s ease;
}

/* Animated underline (hidden until hover / active) */
.main_menu > li > a::after {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 6px;
	height: 2px;
	background-color: #ec1d25;
	border-radius: 2px;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
	pointer-events: none;
}

/* Hover / keyboard focus */
.main_menu > li:hover > a,
.main_menu > li > a:focus-visible {
	color: #ec1d25;
	transform: translateY(-2px);
	text-decoration: none;
}

.main_menu > li:hover > a::after,
.main_menu > li > a:focus-visible::after {
	transform: scaleX(1);
}

/* Current page */
.main_menu > li.active > a {
	color: #ec1d25;
}

.main_menu > li.active > a::after {
	transform: scaleX(1);
	height: 3px;
	box-shadow: 0 0 8px rgba(236, 29, 37, 0.65);
}

/* Keep the active underline steady even when hovering another item */
.main_menu:hover > li.active:not(:hover) > a::after {
	transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
	.main_menu > li > a,
	.main_menu > li > a::after {
		transition: none;
	}
	.main_menu > li:hover > a,
	.main_menu > li > a:focus-visible {
		transform: none;
	}
}

/* --------------------------------------------------------------------------
   Mobile off-canvas sidebar — highlight the current page
   -------------------------------------------------------------------------- */
.menu-sidebar a.txt19 {
	transition: color 0.3s ease;
}

.menu-sidebar a.txt19.active {
	color: #ec1d25 !important;
	font-weight: 700;
}

.menu-sidebar a.txt19:hover {
	color: #ec1d25 !important;
}

/* --------------------------------------------------------------------------
   Bigger click targets for social icons (easier to hit with the cup cursor)
   -------------------------------------------------------------------------- */
.header-social-links a,
.footer-social-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	min-height: 34px;
	padding: 6px;
	position: relative;
	z-index: 3;
}