
@media (min-width: 861px){

/* === MOBILE V14: hide desktop links, show burger with visible icon === */
@media (max-width: 767.98px){
  /* Hide desktop nav links on mobile */
  header .desktop-nav, header nav ul, header .nav, header .menu, header .menu-list {
    display: none !important;
  }

  /* Show burger toggle */
  #mobile-menu[hidden]{ display: none !important; }
  .mobile-nav-toggle {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    width: 44px; height: 44px;
    background: transparent !important; border: none !important;
    border-radius: 10px;
    padding: 0; margin-left: auto; /* push to right */
    cursor: pointer;
  }

  /* Burger icon (3 bars) */
  .mobile-nav-toggle .burger {
    position: relative; display: inline-block;
    width: 22px; height: 2px; background: var(--ink, #0B0B0B);
  }
  .mobile-nav-toggle .burger::before,
  .mobile-nav-toggle .burger::after {
    content: ""; position: absolute; left: 0; width: 22px; height: 2px;
    background: var(--ink, #0B0B0B);
  }
  .mobile-nav-toggle .burger::before { top: -7px; }
  .mobile-nav-toggle .burger::after  { top: 7px; }

  /* Mobile menu panel */
  #mobile-menu {
    position: fixed !important;
    top: 64px; left: 0; right: 0;
    background: #ffffff !important;
    border-top: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.10);
    padding: 8px 12px 16px;
    z-index: 9999 !important;
  }
  #mobile-menu a, #mobile-menu .mm-item {
    display: block; padding: 12px 10px; border-radius: 10px;
    color: var(--ink, #0B0B0B) !important; text-decoration: none;
  }
  #mobile-menu a:hover, #mobile-menu .mm-item:hover {
    background: rgba(0,0,0,0.05);
  }
}

}


/* === ORVENZIA FIX: Keep "Start screening" black on hover/focus === */
a[href*="screening"].btn:hover,
a[href*="screening"].btn:focus,
a[href*="screening"].cta:hover,
a[href*="screening"].cta:focus,
a[href*="screening"]:hover,
a[href*="screening"]:focus,
#start-screening:hover,
#start-screening:focus,
.start-screening:hover,
.start-screening:focus,
button.start-screening:hover,
button.start-screening:focus {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  filter: none !important;
  text-decoration: none !important;
}

a[href*="screening"].btn,
a[href*="screening"].cta,
a[href*="screening"],
#start-screening,
.start-screening,
button.start-screening {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}
/* === END FIX === */

