/* Metalurjist.com.tr V193 — Araç sayfaları loader/modal kilit açma standardı
   Amaç: global loader'ın araç içi butonları kilitlemesini durdurmak, V192 tam ekran modal taşma etkisini geri almak,
   açıklama/AI modallarını ekran içinde ve tıklanabilir tutmak. */

html:not(.mj-v193-loader-allowed) #mj-global-loader,
html:not(.mj-v193-loader-allowed).mj-force-loading #mj-global-loader,
html:not(.mj-v193-loader-allowed).mj-ux-page-loading #mj-global-loader{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html:not(.mj-v193-loader-allowed){
  pointer-events:auto!important;
}
html:not(.mj-v193-loader-allowed) body{
  pointer-events:auto!important;
}
html:not(.mj-v193-loader-allowed).mj-force-loading,
html:not(.mj-v193-loader-allowed).mj-ux-page-loading,
html:not(.mj-v193-loader-allowed) body.mj-force-loading,
html:not(.mj-v193-loader-allowed) body.mj-ux-page-loading{
  overflow:auto!important;
}

html.mj-v193-loader-allowed #mj-global-loader.mj-ux-visible,
html.mj-v193-loader-allowed.mj-force-loading #mj-global-loader{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

body:not(.mj-v193-modal-open){
  overflow-x:hidden!important;
}
body.mj-v193-modal-open{
  overflow:hidden!important;
}

/* Kapalı modal/overlay hiçbir zaman sayfayı kilitlemesin. */
.mj-guide-modal[aria-hidden="true"],
.mj-ai-modal[aria-hidden="true"],
.mj-ai-visual-modal[aria-hidden="true"],
.mj-tool-guide-modal[aria-hidden="true"],
.mj-guide-overlay[aria-hidden="true"],
.mj-ai-overlay[aria-hidden="true"],
.mj-ai-visual-overlay[aria-hidden="true"],
.mj-tool-guide-overlay[aria-hidden="true"],
#mjGuideModal[aria-hidden="true"],
#mjToolGuideModal[aria-hidden="true"],
#mjAiVisualModal[aria-hidden="true"],
#fazAiModal[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Açık açıklama / AI modalları için ortak, taşmayan görünüm. */
.mj-guide-modal.mj-open,
.mj-guide-modal.is-open,
.mj-guide-modal.active,
.mj-guide-modal[aria-hidden="false"],
.mj-ai-modal.mj-open,
.mj-ai-modal.is-open,
.mj-ai-modal.active,
.mj-ai-modal[aria-hidden="false"],
.mj-ai-visual-modal.mj-open,
.mj-ai-visual-modal.is-open,
.mj-ai-visual-modal.active,
.mj-ai-visual-modal[aria-hidden="false"],
.mj-tool-guide-modal.mj-open,
.mj-tool-guide-modal.is-open,
.mj-tool-guide-modal.active,
.mj-tool-guide-modal[aria-hidden="false"],
.mj-guide-overlay.mj-open,
.mj-guide-overlay.is-open,
.mj-guide-overlay.active,
.mj-guide-overlay[aria-hidden="false"],
.mj-ai-overlay.mj-open,
.mj-ai-overlay.is-open,
.mj-ai-overlay.active,
.mj-ai-overlay[aria-hidden="false"],
.mj-ai-visual-overlay.mj-open,
.mj-ai-visual-overlay.is-open,
.mj-ai-visual-overlay.active,
.mj-ai-visual-overlay[aria-hidden="false"],
.mj-tool-guide-overlay.mj-open,
.mj-tool-guide-overlay.is-open,
.mj-tool-guide-overlay.active,
.mj-tool-guide-overlay[aria-hidden="false"],
#mjGuideModal.mj-open,
#mjGuideModal.is-open,
#mjGuideModal.active,
#mjGuideModal[aria-hidden="false"],
#mjToolGuideModal.mj-open,
#mjToolGuideModal.is-open,
#mjToolGuideModal.active,
#mjToolGuideModal[aria-hidden="false"],
#mjAiVisualModal.mj-open,
#mjAiVisualModal.is-open,
#mjAiVisualModal.active,
#mjAiVisualModal[aria-hidden="false"],
#fazAiModal.mj-open,
#fazAiModal.is-open,
#fazAiModal.active,
#fazAiModal[aria-hidden="false"]{
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:clamp(12px,2vw,24px)!important;
  box-sizing:border-box!important;
  background:rgba(2,6,23,.72)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  z-index:2147483200!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}

.mj-guide-box,
.mj-ai-box,
.mj-modal-box,
.mj-tool-guide-box,
.mj-v193-dialog,
#mjGuideModal > div,
#mjToolGuideModal > div,
#mjAiVisualModal > div,
#fazAiModal > div{
  box-sizing:border-box!important;
  width:min(980px, calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:calc(100dvh - 42px)!important;
  margin:0 auto!important;
  border-radius:22px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  pointer-events:auto!important;
  transform:none!important;
}

.mj-guide-body,
.mj-ai-body,
.mj-modal-body,
.mj-tool-guide-body,
#mjGuideModal .modal-body,
#mjToolGuideModal .modal-body,
#mjAiVisualModal .modal-body,
#fazAiModal .modal-body{
  min-height:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  max-width:100%!important;
}

.mj-guide-grid,
.mj-tool-guide-grid,
.mj-guide-cards,
.mj-tool-guide-cards{
  max-width:100%!important;
}

@media (max-width:760px){
  .mj-guide-grid,
  .mj-tool-guide-grid,
  .mj-guide-cards,
  .mj-tool-guide-cards{
    grid-template-columns:1fr!important;
  }
  .mj-guide-box,
  .mj-ai-box,
  .mj-modal-box,
  .mj-tool-guide-box,
  .mj-v193-dialog,
  #mjGuideModal > div,
  #mjToolGuideModal > div,
  #mjAiVisualModal > div,
  #fazAiModal > div{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
    border-radius:18px!important;
  }
}