/* Gäller endast desktop-läge i Astra (standard ~>=921px) */
@media (min-width: 921px) {

  /* Se till att inget förälderblock klipper menyn */
  .ast-desktop .ast-desktop-header,
  .ast-desktop .ast-builder-grid-row,
  .ast-desktop .main-header-bar {
    overflow: visible;
  }

  /* Bas: Astra har redan fly-out till höger på djupare nivåer.
     Vi lägger bara till en klass som kan vända håll. */
  .main-header-menu .sub-menu {
    z-index: 9999; /* över allt annat i headern */
  }

  /* Klass som vår JS sätter när en fly-out skulle gå utanför högerkant */
  .main-header-menu .sub-menu.ast-open-left {
    left: auto !important;
    right: 100% !important;   /* öppna åt vänster istället */
  }

  /* För säkerhets skull: neutralisera ev. transform som teman/pluggar satt */
  .main-header-menu .sub-menu.ast-open-left {
    transform: none !important;
  }

  /* Om någon nivå råkar öppnas för långt åt vänster,
     så kan vi låta vår JS även sätta ast-open-right (fallback). */
  .main-header-menu .sub-menu.ast-open-right {
    right: auto !important;
    left: 100% !important;
    transform: none !important;
  }


}