.skip-to-content {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 999999;
  padding: 12px 20px;
  background: #fff;
  color: #111;
  text-decoration: underline;
}
.skip-to-content:focus {
  left: 0;
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}
#main-content:focus { outline: none; }
.main-navigation li:hover > ul,
.main-navigation li:focus-within > ul,
.main-navigation li.focus > ul {
  display: block;
  visibility: visible;
  opacity: 1;
}

/*
 * Companion CSS for accessible-menu-fix.js
 * ------------------------------------------
 * Your theme's submenu is almost certainly hidden with `display: none` by
 * default and shown only on `:hover`. We add a rule so it *also* shows when
 * the JS adds the "menu-open" class (keyboard/tap trigger).
 *
 * Adjust the selectors to match config.menuItemSelector / submenuSelector
 * from the JS file.
 */

li.menu-item-has-children.menu-open > .sub-menu,
li.has-dropdown.menu-open > .dropdown-menu,
li.has-submenu.menu-open > .mega-menu-panel {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px !important;
}

/* Optional: a visible focus outline so keyboard users can see where they are */
nav a:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 2px !important;
}
.menu-item-has-children:focus-within > .sub-menu,
.menu-item-has-children:focus-within > .nav-dropdown,
li:focus-within > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  pointer-events: auto !important;
}
.ns-node-close:focus-visible,
[id^="nasa-content-"] .ns-node-close:focus-visible,
[id^="nasa-content-"] .ns-node-close:focus {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px !important;
}
[id^="nasa-content-"] .ns-node-close:focus { outline-offset: 4px !important; }

#fkcart-modal .fkcart-modal-close:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 3px !important;
  border-radius: 4px;
}