/* ============================================================
   JP ROBOTIC — DROPDOWN + MOBILE NAV (v2 / streamlined)

   Changed from the original:
   - This is now the ONLY place the dropdown hover/bridge/colors
     are defined (a near-identical copy used to live in
     "A header.css" too — same rule, two places, only one of them
     ever actually won).
   - Hardcoded hex colors (#0099e6, #9aa3af) swapped for the
     shared --blue / --nav-text tokens so a brand color change
     only has to happen in one place.
   ============================================================ */

.dropdown-menu {
  margin-top: 0 !important;
  top: 100% !important;
  border-top: 5px solid transparent !important; /* invisible bridge so the mouse doesn't lose contact */
  background-color: #182431 !important; /* dark surface, blue used only for the border/hover */
  border-left: 1px solid var(--blue) !important;
  border-right: 1px solid var(--blue) !important;
  border-bottom: 1px solid var(--blue) !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7) !important;
  padding: 0 !important;
}
.dropdown-menu::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: transparent;
}
.dropdown-menu .dropdown-item {
  padding: 12px 20px !important;
  color: var(--nav-text, #9aa3af) !important;
  font-family: var(--fd) !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.dropdown-menu .dropdown-item:hover {
  background-color: var(--blue) !important;
  color: #ffffff !important;
}
@media (min-width: 992px) {
  .nav-item.dropdown:hover > .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Hamburger button */
.navbar-toggler { border: 1px solid var(--blue) !important; border-radius: 0 !important; padding: 6px 10px !important; background-color: transparent !important; }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230099e6' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  opacity: 1 !important;
}
.navbar-toggler:focus { box-shadow: 0 0 0 0.25rem rgba(0, 153, 230, 0.25) !important; }

/* AddToAny */
.a2a_kit.addtoany_list { display: flex; justify-content: center; width: 100%; margin-top: 2rem; }