/* Mobile header: menu icon on the left, logo centred, language on the right */
.dmm-toggle, .dmm-drawer, .dmm-overlay { display: none; }

@media screen and (max-width: 749px) {
  html body [class^="delmins-main-nav-"] {
    flex-direction: row !important;
    justify-content: center !important;
    height: 64px !important;
    padding: 0 60px !important;
    gap: 0 !important;
  }
  html body [class^="delmins-nav-left-"] { display: none !important; }
  html body [class^="delmins-logo-center-"] { order: 0 !important; }
  html body [class^="delmins-logo-center-"] img { height: 34px !important; max-width: 100%; }
  html body [class^="delmins-nav-right-"] {
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%);
  }

  .dmm-toggle {
    display: flex; align-items: center; justify-content: center;
    position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    width: 42px; height: 42px; padding: 0; border: none; background: none;
    color: #2D4A1E; cursor: pointer; z-index: 10;
  }
  .dmm-toggle svg { width: 26px; height: 26px; }

  html body div.dmm-overlay {  /* div:empty in base.css would hide it */
    display: block; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45);
    opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease; z-index: 10000;
  }
  .dmm-drawer {
    display: flex; flex-direction: column; position: fixed; top: 0; left: 0; bottom: 0;
    width: 80%; max-width: 320px; background: #fff; box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%); transition: transform 0.28s ease; z-index: 10001; overflow-y: auto;
  }
  .dmm-open .dmm-overlay { opacity: 1; visibility: visible; }
  .dmm-open .dmm-drawer { transform: translateX(0); }

  .dmm-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 18px; border-bottom: 1px solid #eee5d3;
  }
  .dmm-head img { height: 30px; width: auto; display: block; }
  .dmm-close { width: 38px; height: 38px; border: none; background: none; color: #2D4A1E; font-size: 28px; line-height: 1; cursor: pointer; }
  .dmm-links { display: flex; flex-direction: column; padding: 8px 0; }
  .dmm-links a {
    padding: 15px 22px; font-size: 16px; color: #2b2b2b; text-decoration: none;
    border-bottom: 1px solid #f3eee3; letter-spacing: 0.3px;
  }
  .dmm-links a:hover, .dmm-links a:focus { background: #F8F5EE; color: #2D4A1E; }
}