/*
 * Main navigation colour fix.
 *
 * Problem: above 1200px the top-level nav links rendered WHITE on the
 * transparent header, which sits over a white page background — making them
 * invisible. Two rules set that white:
 *   1. hello-elementor-child/style.css  @media (min-width:1024px)  -> #fff
 *   2. Elementor's post-14.css (the Nav Menu widget's own colour setting) -> #fff
 * (2) loads after (1) and has the same specificity, so it wins. Elementor's own
 * responsive overrides already force #000 at <=1200px and <=992px, which is why
 * the bug only showed on wide screens.
 *
 * Fix: make the links black by default, using one extra element in the selector
 * (`body`) so this beats post-14.css without needing !important.
 *
 * IMPORTANT: the sticky header (.header-widget-shortheader, added on scroll by
 * the child theme's script) has a dark rgba(0,0,0,0.65) background. Black links
 * would be invisible there, so white is restored for that state only.
 *
 * The active item stays green: post-14.css targets `li.current-menu-item > a`
 * (5 classes) which outranks both rules below (4 classes).
 */

@media screen and (min-width: 1024px) {

	/* Default state: transparent header over a light page -> black links. */
	body .elementor-14 .elementor-element.elementor-element-bfaf731 .elementskit-navbar-nav > li > a {
		color: #000;
	}

	/* Scrolled / sticky state: dark translucent header -> keep links white. */
	body header.header-main.header-widget-shortheader .elementor-element-bfaf731 .elementskit-navbar-nav > li > a {
		color: #fff;
	}
}