/* Desktop-only navigation geometry and dynamic course-group links. */
@media (min-width: 1181px) {
  .reference-header,
  .reference-header__inner,
  .reference-nav,
  .reference-nav__list {
    overflow: visible;
  }

  /* The submenu owns the first pixel below its parent. There is no geometric
     gap in which :hover can be lost; focus-within keeps the same CSS path. */
  .reference-nav .sub-menu {
    top: 100%;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 116px);
  }

  .reference-nav .sub-menu::before {
    content: none;
  }

  .reference-nav .ananda-desktop-menu--course > .sub-menu {
    width: min(320px, calc(100vw - 32px));
  }

  /* The two wide menus nearest the right edge expand inward. */
  .reference-nav .ananda-desktop-menu--event > .sub-menu,
  .reference-nav .ananda-desktop-menu--special > .sub-menu {
    right: 0;
    left: auto;
    transform: none;
  }

  .reference-nav .ananda-course-group-menu-link {
    padding: 11px 14px;
    white-space: normal;
  }

  .ananda-course-matrix__groups [id^="kursgruppe-"] {
    scroll-margin-top: 24px;
  }
}

/* 2026-08-14: Desktop dropdown cards for teachers, journeys and specials.
   Each item stays horizontal: larger image left, title/description right. */
@media (min-width: 1181px) {
  .reference-nav .ananda-desktop-menu--teacher > .sub-menu,
  .reference-nav .ananda-desktop-menu--event > .sub-menu,
  .reference-nav .ananda-desktop-menu--special > .sub-menu {
    width: min(460px, calc(100vw - 32px));
  }

  .reference-nav .ananda-desktop-menu--teacher .ananda-menu-card,
  .reference-nav .ananda-desktop-menu--event .ananda-menu-card,
  .reference-nav .ananda-desktop-menu--special .ananda-menu-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 86px;
    padding: 8px 10px;
    white-space: normal;
  }

  .reference-nav .ananda-desktop-menu--teacher .ananda-menu-card__media,
  .reference-nav .ananda-desktop-menu--event .ananda-menu-card__media,
  .reference-nav .ananda-desktop-menu--special .ananda-menu-card__media {
    width: 68px;
    height: 68px;
    align-self: center;
  }

  .reference-nav .ananda-desktop-menu--teacher .ananda-menu-card__media > img,
  .reference-nav .ananda-desktop-menu--teacher .ananda-menu-card__media .ananda-teacher-avatar,
  .reference-nav .ananda-desktop-menu--teacher .ananda-menu-card__media .ananda-teacher-avatar img,
  .reference-nav .ananda-desktop-menu--event .ananda-menu-card__media > img,
  .reference-nav .ananda-desktop-menu--special .ananda-menu-card__media > img,
  .reference-nav .ananda-desktop-menu--special .ananda-menu-card__media .ananda-special-cover,
  .reference-nav .ananda-desktop-menu--special .ananda-menu-card__media .ananda-special-cover img {
    width: 68px;
    height: 68px;
    object-fit: cover;
  }

  .reference-nav .ananda-desktop-menu--teacher .ananda-menu-card__copy,
  .reference-nav .ananda-desktop-menu--event .ananda-menu-card__copy,
  .reference-nav .ananda-desktop-menu--special .ananda-menu-card__copy {
    display: grid;
    min-width: 0;
    gap: 4px;
    align-content: center;
  }

  .reference-nav .ananda-desktop-menu--teacher .ananda-menu-card__copy strong,
  .reference-nav .ananda-desktop-menu--event .ananda-menu-card__copy strong,
  .reference-nav .ananda-desktop-menu--special .ananda-menu-card__copy strong {
    font-size: 17px;
    line-height: 1.2;
  }

  .reference-nav .ananda-desktop-menu--teacher .ananda-menu-card__copy small,
  .reference-nav .ananda-desktop-menu--event .ananda-menu-card__copy small,
  .reference-nav .ananda-desktop-menu--special .ananda-menu-card__copy small {
    font-size: 12px;
    line-height: 1.35;
  }

  .reference-nav .ananda-desktop-menu--event .ananda-menu-archive-icon {
    width: 68px;
    height: 68px;
  }
}