/**
 * CYB menu-item active/hover/focus — desktop + mobile drawer.
 * Item-level only; no navbar chrome background.
 * Ladder: default #4fa36f → hover/focus #6fbf8c → active #8fd0b3
 */
@media (min-width: 768px) {
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item > a:focus-visible,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item > a:focus-visible,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item > a:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #6fbf8c !important;
    background-color: #6fbf8c !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item--active-trail > a:hover,
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item--active-trail > a:focus,
  html body:not(.path-admin) #wrapper .header #main-menu a.is-active,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item--active-trail > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    background: #8fd0b3 !important;
    background-color: #8fd0b3 !important;
  }
}

@media (max-width: 767.98px) {
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item:not(.menu-item--active-trail) > a,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item:not(.menu-item--active-trail) > a,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item:not(.menu-item--active-trail) > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 600 !important;
    background: #4fa36f !important;
    background-color: #4fa36f !important;
  }

  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item > a:focus-visible,
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item > a:active,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item > a:active {
    color: #ffffff !important;
    background: #6fbf8c !important;
    background-color: #6fbf8c !important;
  }

  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item--active-trail > a:hover,
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item--active-trail > a:focus,
  html body:not(.path-admin) #wrapper #main-menu.show a.is-active,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item--active-trail > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    background: #8fd0b3 !important;
    background-color: #8fd0b3 !important;
  }
}