/* Main menu and hero contrast (Marc, 23.10.2026: menu variant M3, hero variant H5).
   Menu: Vito (narrow) instead of Vito Wide Medium, gaps shrink from 30 px (≥1433 px window)
   to 16 px (1200 px), so the EN menu no longer runs into the logo and the icons. */
.tm-header .uk-navbar-nav {
    gap: clamp(16px, calc(16px + (100vw - 1200px) * .06), 30px);
}
.tm-header .uk-navbar-nav > li > a {
    font-family: "Vito", "Vito-Regular", sans-serif;
    font-weight: 400;
    font-size: 16px;
}

/* Header over a hero (overlay header, not yet sticky): white menu and icons on a soft dark
   gradient instead of dark text with a white glow. Once sticky, YOOtheme drops
   .uk-navbar-transparent and the bar turns white again with the normal dark text. */
.tm-header-overlay .uk-navbar-transparent {
    position: relative;
    z-index: 0;
}
.tm-header-overlay .uk-navbar-transparent::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 140px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .2) 55%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: -1;
}
.tm-header-overlay .uk-navbar-transparent .uk-logo img:not(.uk-logo-inverse) {
    display: none;
}
.tm-header-overlay .uk-navbar-transparent .uk-logo img.uk-logo-inverse {
    display: inline-block;
}
.tm-header-overlay .uk-navbar-transparent .uk-navbar-nav > li > a {
    text-shadow: none;
}
.tm-header-overlay .uk-navbar-transparent .uk-navbar-nav > li:not(.uk-active) > a,
.tm-header-overlay .uk-navbar-transparent .uk-navbar-right > .uk-navbar-toggle,
.tm-header-overlay .uk-navbar-transparent .uk-navbar-right > .uk-navbar-item .uk-icon-link {
    color: #fff;
}
.tm-header-overlay .uk-navbar-transparent .uk-navbar-nav > li:not(.uk-active) > a:hover {
    color: #f30eab;
}
/* the icon SVGs carry stroke="#000" / fill="#000" in the markup */
.tm-header-overlay .uk-navbar-transparent .uk-navbar-right > .uk-navbar-toggle svg [stroke]:not([stroke="none"]),
.tm-header-overlay .uk-navbar-transparent .uk-navbar-right > .uk-navbar-item .uk-icon-link svg [stroke]:not([stroke="none"]) {
    stroke: currentColor;
}
.tm-header-overlay .uk-navbar-transparent .uk-navbar-right > .uk-navbar-toggle svg [fill]:not([fill="none"]),
.tm-header-overlay .uk-navbar-transparent .uk-navbar-right > .uk-navbar-item .uk-icon-link svg [fill]:not([fill="none"]) {
    fill: currentColor;
}

/* Hero video 25 % darker, so white text and the menu stay readable on bright scenes */
#tm-main > :first-child > iframe[src*="vimeo"] {
    filter: brightness(.75);
}