/* Fix 1: Override the n-menu CSS custom property that controls nav text color */
/* The Elementor widget sets --n-menu-title-color-normal to vamtam_accent_5 (#FFF) */
.elementor-element-c3698ff,
.elementor-element.elementor-element-c3698ff {
  --n-menu-title-color-normal: #1C4B42 !important;
  --n-menu-title-color-active: #1C4B42 !important;
  --n-menu-dropdown-indicator-color-normal: #1C4B42 !important;
}

/* Also force color directly on nav items for any nav widgets */
.vamtam-sticky-header .e-n-menu-title,
.vamtam-sticky-header .elementor-item,
.vamtam-sticky-header .elementor-nav-menu a,
.elementor-187 .e-n-menu-title,
.elementor-187 .elementor-item {
  color: #1C4B42 !important;
}

/* On scroll (solid bg), keep dark text */
.vamtam-sticky-header--fixed-shown .e-n-menu-title,
.vamtam-sticky-header--fixed-shown .elementor-item {
  color: #1C4B42 !important;
}

/* Fix 2: Force header background visible (transparent header with white nav text is invisible) */
.vamtam-sticky-header.vamtam-sticky-header--transparent-header {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

/* When scrolled/fixed, solid white */
.vamtam-sticky-header--fixed-shown.vamtam-sticky-header--transparent-header {
  background-color: #ffffff !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.08);
}

/* Fix 3: Icons that show as grey circles - hide the circle bg when no content */
.elementor-icon i:empty,
.elementor-icon i[class*="vamtamtheme-"]:not(:has(::before)) {
  background: transparent !important;
}

/* Fix 4: Ensure the n-menu dropdown arrows are visible */
.e-n-menu-title .e-n-menu-toggle {
  color: inherit !important;
}