/* Safari button reset for the signed-in My Phuture navigation trigger. */
.pm-auth-trigger {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #dcefff !important;
  font-family: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
}

/*
 * Desktop dropdowns must physically touch their trigger. The old translated
 * resting position left an 8px dead zone and its narrow bridge only covered
 * the top-level label, so diagonal pointer movement could close a wide panel.
 */
@media (min-width: 981px) {
  .pm-nav-panel,
  .pm-guide-nav-panel {
    top: 100% !important;
    z-index: 2;
    transform: none !important;
    transition: opacity .18s, transform .18s, visibility 0s linear .35s !important;
  }

  .pm-nav-group:hover .pm-nav-panel,
  .pm-nav-group:focus-within .pm-nav-panel,
  .pm-nav-group.pm-nav-open .pm-nav-panel,
  .pm-guide-nav-group:hover .pm-guide-nav-panel,
  .pm-guide-nav-group:focus-within .pm-guide-nav-panel,
  .pm-guide-nav-group.pm-nav-open .pm-guide-nav-panel {
    transition-delay: 0s !important;
  }

  .pm-nav-group.pm-nav-open .pm-nav-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .pm-guide-nav-group.pm-nav-open .pm-guide-nav-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .pm-nav-group.pm-nav-open .pm-nav-top span {
    transform: rotate(180deg);
  }

  .pm-guide-nav-group.pm-nav-open .pm-guide-nav-top span {
    transform: rotate(180deg);
  }
}