/* supplement.css — contrast / layout fixes */

/* Transparent overlay header: YOOtheme makes the bar transparent and
   paints links white (uk-light) or dark (uk-dark). Without a bar fill
   the labels disappear over flares in the hero/background image. */
.tm-header .uk-navbar-container.uk-navbar-transparent.uk-light {
  background: rgba(10, 40, 63, 0.9);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-dark {
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-light .uk-navbar-nav > li > a {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.tm-header .uk-navbar-container.uk-navbar-sticky:not(.uk-navbar-transparent) {
  background: #fff;
}

/* Mobile hamburger on the same busy backgrounds */
.tm-header-mobile .uk-navbar-container {
  background: #0a283f;
}

.tm-header-mobile .uk-navbar-toggle,
.tm-header-mobile .uk-navbar-toggle-icon,
.tm-header-mobile .uk-navbar-toggle svg {
  color: #fff;
}

/* If the hero image URL was stripped (empty data-src), keep a dark field
   under the overlay header so white links still have contrast. */
[tm-header-transparent="light"] > .uk-section,
[tm-header-transparent="light"] > [class*="uk-section"] {
  background-color: #0a283f;
}