/* Demir Konut v12.4.20 — erişilebilir ve çoklu ekran harita çekmecesi. */
.mp-page .mp-bar-l button,
.mp-page .mp-bar-r button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  touch-action: manipulation;
}

.mp-page .mp-drawer {
  max-width: calc(100vw - env(safe-area-inset-left, 0px));
  padding-right: env(safe-area-inset-right, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  contain: layout paint;
}

.mp-page .mp-d-head {
  min-width: 0;
  padding-top: max(8px, env(safe-area-inset-top, 0px));
}

.mp-page .mp-tabs {
  min-width: 0;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
}

.mp-page .mp-tabs [role="tab"] {
  min-height: 44px;
  scroll-snap-align: start;
  touch-action: manipulation;
}

.mp-page .mp-tabs [role="tab"][aria-selected="true"] {
  color: var(--ink);
  border-bottom-color: var(--accent);
}

.mp-page #mpDx {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  flex: 0 0 44px;
  touch-action: manipulation;
}

.mp-page .mp-tabs [role="tab"]:focus-visible,
.mp-page #mpDx:focus-visible,
.mp-page .mp-bar-r [aria-controls="mpDrawer"]:focus-visible,
.mp-page #mpDBody:focus-visible {
  outline: 3px solid var(--focus, var(--accent));
  outline-offset: -3px;
}

.mp-page .mp-d-body {
  min-width: 0;
  min-height: 0;
  scrollbar-gutter: stable;
}

@media (max-width: 700px) {
  .mp-page .mp-drawer {
    height: min(58dvh, 520px);
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 8px);
    border-radius: 18px 18px 0 0;
  }
  .mp-page .mp-d-head {
    padding-left: max(8px, env(safe-area-inset-left, 0px));
  }
  .mp-page .mp-d-body {
    padding-left: max(12px, env(safe-area-inset-left, 0px));
    padding-right: max(12px, env(safe-area-inset-right, 0px));
  }
}

@media (max-width: 380px) {
  .mp-page .mp-d-head { gap: 2px; padding-left: 6px; padding-right: 6px; }
  .mp-page .mp-tabs [role="tab"] { padding-inline: 10px; font-size: 12.5px; }
  .mp-page .mp-d-body { padding: 10px; }
}

@media (orientation: landscape) and (max-height: 580px) {
  .mp-page .mp-bar-l,
  .mp-page .mp-bar-r { max-height: calc(100% - 12px); overflow-y: auto; scrollbar-width: none; }
  .mp-page .mp-bar-l button,
  .mp-page .mp-bar-r button { width: 44px !important; height: 44px !important; }
  .mp-page .mp-d-head { padding-top: 4px; }
  .mp-page .mp-tabs [role="tab"] { min-height: 44px; padding-block: 8px; }
  .mp-page .mp-d-body { overscroll-behavior: contain; }
}

@media (min-width: 2200px) {
  .mp-page .mp-drawer { width: 460px; }
  .mp-page.mp-page .mp-d-open .mp-bar-r { right: 470px; }
  .mp-page.mp-page .mp-d-open .mp-legend { right: 522px; }
  .mp-page .mp-d-body { padding: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .mp-page .mp-drawer,
  .mp-page .mp-tabs [role="tab"] { scroll-behavior: auto; transition: none !important; }
}

@media (forced-colors: active) {
  .mp-page .mp-drawer { border: 1px solid CanvasText; }
  .mp-page .mp-tabs [role="tab"][aria-selected="true"] { border-bottom-color: Highlight; }
  .mp-page .mp-tabs [role="tab"]:focus-visible,
  .mp-page #mpDx:focus-visible,
  .mp-page .mp-bar-r [aria-controls="mpDrawer"]:focus-visible,
  .mp-page #mpDBody:focus-visible { outline-color: Highlight; }
}