/* sogni-nav-dropdowns.css
 *
 * Re-aligns the global nav dropdown panels so each one opens horizontally
 * centered beneath its own trigger.
 *
 * The Webflow source CSS positions each dropdown panel via a per-class
 * `margin-right` (`.appsdropdown` 33.9rem, `.builddropdown` 32.7rem,
 * `.uui-navbar05_dropdown-list` 7rem right). Those values were calibrated
 * by hand for the original 3-trigger nav (Super Apps, Supernet, Company).
 * Adding the "Build" trigger between Super Apps and Supernet shifted every
 * other trigger to the right, so those hand-tuned offsets no longer line
 * up — every panel opens off-center.
 *
 * Instead of recalibrating four magic numbers (which would drift again next
 * time the nav row changes), this rule promotes each `.uui-navbar05_menu-
 * dropdown` to a positioning context and centers its open panel under its
 * own trigger. The result is independent of how many siblings are in the
 * row, so future nav changes won't reintroduce the problem.
 *
 * Desktop only — on the mobile (`data-collapse="medium"`) hamburger layout
 * Webflow stacks the panels inline and the original CSS is correct.
 */

@media (min-width: 992px) {
  .uui-navbar05_component .uui-navbar05_menu-dropdown {
    position: relative;
  }

  /* Cover both `.w-dropdown-list` and the specific `nav` element variants
   * used by Webflow's dropdown markup. */
  .uui-navbar05_component .uui-navbar05_menu-dropdown > .w-dropdown-list.w--open,
  .uui-navbar05_component .uui-navbar05_menu-dropdown > nav.w-dropdown-list.w--open {
    position: absolute !important;
    /* Sit flush against the bottom edge of the trigger, no gap. */
    inset: 100% auto auto 50% !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    /* The Webflow source CSS has `max-width: 100%` on every dropdown panel.
     * With our parent now `position: relative` and only as wide as the
     * trigger (~80px), `100%` resolved against the trigger instead of the
     * navbar — clamping `width: 20rem` down to the trigger width and
     * producing a narrow vertical column. Untie panel width from parent. */
    max-width: none !important;
    /* Min-width guards against any inner Webflow rule that would still
     * collapse the column on the rare breakpoints where width is `auto`. */
    min-width: 20rem !important;
    transform: translateX(-50%);
  }
}