/* ==========================================================================
   Mobile Navigation — dklemmt/contao_dk_mmenu (mmenu.js)
   Extracted from default.css and grouped for easier maintenance.

   Real trigger markup (confirmed in Frontend):
   <div class="offcanvas"><a class="icon-menu" href="#nav_mmenu">
     <span>Navigation</span>
   </a></div>

   The old jonsuh "Hamburgers" trigger (.mobile_navtrigger / .hamburger*)
   was tested disabled without any visible effect and has been removed.
   ========================================================================== */

/* -- Menu trigger (.offcanvas / .icon-menu) -------------------------------- */

.mobile_menu,
.offcanvas {
  position: fixed;
  position: absolute;
  margin: 1.5rem 0;
  top: 0;
  right: 0;
  z-index: 100;
  display: block;
  font-size: 3rem;
  background: #fff;
}
@media only screen and (min-width: 1024px) {
  .mobile_menu,
  .offcanvas {
    display: none;
  }
}
.icon-menu:before {
  margin-right: 1.5rem;
}
.offcanvas span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* -- mmenu.js panel --------------------------------------------------------- */

#nav_mmenu {
  opacity: 0;
}

.mm-wrapper--opened #nav_mmenu {
  opacity: 1;
  height: 100%;
}

.mm-wrapper--opened .mod_mmenu * {
  opacity: 1;
}

@media only screen and (min-width: 1024px) {
  #nav_mmenu {
    opacity: 0;
  }
}

.mm-menu_offcanvas {
  z-index: 99999;
}

.nav__lang--mobile {
  padding: 20px 1.5rem 0 20px;
  margin: 0;
}

.nav__container--mobile {
  display: block;
  width: 32px;
  margin: 0 0 0.75rem 0;
  margin-left: 3rem;
}
@media only screen and (min-width: 1024px) {
  .nav__container--mobile {
    display: none;
  }
}