/* Ghost Tools menu - marketing nav dropdown listing the four publisher tools. */
/* Appearance overrides on top of the shared .site-selector dropdown structure   */
/* (static/css/site-selector.css). Behaviour (open/close, Escape, arrow keys) is  */
/* inherited from site-navigation.js via the .site-selector class.                */

/* Borderless, transparent toggle so it reads as a nav item rather than a control. */
.ghost-tools-menu .site-selector-toggle {
  background: transparent;
  border-color: transparent;
  padding: 0.5rem 0.5rem;
  /* Match the sibling .nav-link items (Compare, Pricing), which inherit the   */
  /* body default --text-base. The shared toggle base rule pins --text-sm.     */
  font-size: var(--text-base);
  color: var(--text-secondary);
  max-width: none;
}

.ghost-tools-menu .site-selector-toggle:hover {
  background: transparent;
  border-color: transparent;
  color: var(--text-primary);
}

.ghost-tools-menu .site-selector-name {
  flex: 0 0 auto;
}

/* Chevron rotates to point up while the menu is open. */
.ghost-tools-menu .site-selector-arrow {
  transition: transform 0.15s ease;
}

.ghost-tools-menu[data-open="true"] .site-selector-arrow {
  transform: rotate(180deg);
}

/* Left-aligned panel sized to the tool labels rather than a fixed site width. */
.ghost-tools-menu .site-selector-dropdown {
  min-width: 14rem;
}

.ghost-tools-menu .site-selector-item-name {
  font-weight: 500;
}