/*
 * desktopnav — re-adds two desktop floating-nav interactions that Framer's
 * stripped runtime used to drive (paired with desktopnav.js; both bind to stable
 * data-framer-name so they survive a re-sync):
 *   1) the collapsed "Desktop Small" pill (home page) expands to the full chip bar;
 *   2) the "Levels" chip opens the "Menu Expand" submenu as a dropdown.
 * Progressive: without JS the seminar links stay reachable via the page body,
 * footer and the mobile nav overlay.
 */

/* (1) collapse / expand the home pill ------------------------------------ */
.ht-dnav-toggle { cursor: pointer; }
.ht-dnav-toggle svg { transition: transform 0.28s ease; }

/* Framer ships "Desktop Small" with an inline width:70px that clips the bar to a
   logo+arrow pill. The expanded class lets the bar take its natural width. */
[data-framer-name="Desktop Small"].ht-dnav-expanded {
  width: auto !important;
  max-width: none !important;
}
[data-framer-name="Desktop Small"].ht-dnav-expanded .ht-dnav-toggle svg {
  transform: rotate(180deg);
}

/* (2) Levels dropdown ----------------------------------------------------- */
.ht-dnav-levels-toggle { cursor: pointer; }

/* The submenu ships hidden (inline opacity:0 + offscreen transform). On open we
   reveal it instantly (no opacity transition: a paused/background tab leaves a
   running CSS transition, which outranks even !important and would keep it at
   opacity 0). desktopnav.js sets inline top/left to anchor it under the chip. */
[data-framer-name="Menu Expand (Phone + Tablet)"] {
  pointer-events: none;
}
[data-framer-name="Menu Expand (Phone + Tablet)"].ht-dnav-levels-open {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
  z-index: 60 !important;
}

/* The floating bar and its containers ("NAVBAR", "Nav Container", the active nav
   variant) ship with overflow:clip and are only as tall as the chip bar. The
   submenu opens *below* the bar, so those ancestors would clip it away (it stays
   in the DOM at opacity 1 but is painted-out and not hit-testable). While a
   dropdown is open, desktopnav.js tags exactly those clipping ancestors so they
   let the panel overflow; the tag is removed again on close. */
.ht-dnav-overflow-fix {
  overflow: visible !important;
}

/* (3) "Praktiker finden" chip ------------------------------------------------
   The injected 6th chip (desktopnav.js) widens the centred bar; its Framer
   ancestors ship overflow:clip and would shear the grown pill at both ends. This
   permanently un-clips exactly those ancestors (paired with the chip, set from JS;
   the walk stops before "Desktop Small" so the collapsed home pill keeps clipping
   to a logo+arrow). Separate class from .ht-dnav-overflow-fix so the Levels
   dropdown's reclip() never strips it. */
.ht-dnav-barfix {
  overflow: visible !important;
}