/* --- Dropdown styling for Ghost's default nav --- */

.gh-head-menu ul.nav > li {
  position: relative;
}

.gh-head-menu ul.nav > li.has-dropdown > a::after {
  content: " ▾";
  font-size: 0.9em;
}

/* Dropdown panel */
.gh-head-menu ul.nav > li > ul.nav-dropdown {
  display: none;
  position: absolute !important;
  top: 100%;              /* IMPORTANT: no hover gap */
  left: 0;

  min-width: 220px;
  margin: 0;
  padding: 8px 0;

  list-style: none !important;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  z-index: 9999;
}

/* Hover bridge: extends the hoverable area from parent to dropdown */
.gh-head-menu ul.nav > li.has-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 12px;          /* small invisible bridge */
}

/* Remove bullets + spacing */
.gh-head-menu ul.nav > li > ul.nav-dropdown > li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.gh-head-menu ul.nav > li > ul.nav-dropdown a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  white-space: nowrap;
}

/* Show dropdown on hover OR when dropdown itself is hovered */
.gh-head-menu ul.nav > li.has-dropdown:hover > ul.nav-dropdown,
.gh-head-menu ul.nav > li.has-dropdown > ul.nav-dropdown:hover {
  display: block;
}

/* Mobile toggle */
.gh-head-menu ul.nav > li.is-open > ul.nav-dropdown {
  display: block;
}