/* Metalurjist.com.tr - V332 all tools modal DESIGN + overlay standard
   Scope: /araclar/ pages only via footer conditional loader.
   Applies the shared Cevherden-Dokume style shell without changing tool content. */
html.mj-tool-modal-lock,
body.mj-tool-modal-lock{overflow:hidden!important;}
body.mj-tool-modal-lock .site-header{pointer-events:none!important;}

.mj-universal-modal-active{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  padding:34px 18px!important;
  margin:0!important;
  background:rgba(0,0,0,.82)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
.mj-universal-modal-active[aria-hidden="false"]{visibility:visible!important;opacity:1!important;}
.mj-universal-modal-active > *{position:relative;z-index:2147483001!important;}

.mj-universal-modal-active .mj-universal-modal-box{
  position:relative!important;
  width:min(900px,96vw)!important;
  max-height:min(88vh,980px)!important;
  overflow:visible!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;
  color:#0f172a!important;
  border:1px solid rgba(203,213,225,.75)!important;
  box-shadow:0 34px 120px rgba(0,0,0,.48)!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.mj-universal-modal-active .mj-universal-modal-scroll{
  max-height:min(88vh,980px)!important;
  overflow:auto!important;
  border-radius:30px!important;
  background:inherit!important;
}
.mj-universal-modal-active .mj-universal-hero{
  padding:28px 30px 24px!important;
  background:linear-gradient(135deg,#0f766e 0%,#0f4c75 52%,#1e3a8a 100%)!important;
  color:#f8fafc!important;
  border-radius:30px 30px 0 0!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
}
.mj-universal-modal-active .mj-universal-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 16px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.10)!important;
  color:#ecfeff!important;
  font:800 12px/1 Inter,Arial,sans-serif!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.mj-universal-modal-active .mj-universal-hero h1,
.mj-universal-modal-active .mj-universal-hero h2,
.mj-universal-modal-active .mj-universal-hero h3{
  margin:0 0 10px!important;
  color:#fff!important;
  font:900 clamp(1.45rem,2.8vw,2.35rem)/1.08 Inter,Poppins,Arial,sans-serif!important;
  letter-spacing:-.02em!important;
}
.mj-universal-modal-active .mj-universal-hero p{
  margin:0!important;
  color:rgba(248,250,252,.92)!important;
  font:600 15px/1.65 Inter,Poppins,Arial,sans-serif!important;
}
.mj-universal-modal-active .mj-universal-body{
  padding:22px 26px 28px!important;
  color:#0f172a!important;
}
.mj-universal-modal-active .mj-universal-body h1,
.mj-universal-modal-active .mj-universal-body h2,
.mj-universal-modal-active .mj-universal-body h3{
  color:#0f766e!important;
  font-family:Inter,Poppins,Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.mj-universal-modal-active .mj-universal-body p,
.mj-universal-modal-active .mj-universal-body li{
  color:#334155!important;
  font:600 14.5px/1.72 Inter,Poppins,Arial,sans-serif!important;
}
.mj-universal-modal-active .mj-universal-body ul,
.mj-universal-modal-active .mj-universal-body ol{padding-left:22px!important;margin:10px 0!important;}

.mj-universal-modal-active .mj-universal-body .card,
.mj-universal-modal-active .mj-universal-body .mj-guide-card,
.mj-universal-modal-active .mj-universal-body .mj-pro-card,
.mj-universal-modal-active .mj-universal-body .ce-card,
.mj-universal-modal-active .mj-universal-body .carbon-card,
.mj-universal-modal-active .mj-universal-body .jominy-card,
.mj-universal-modal-active .mj-universal-body .mcds-card,
.mj-universal-modal-active .mj-universal-body .cds-card,
.mj-universal-modal-active .mj-universal-body [class*="guide-card"],
.mj-universal-modal-active .mj-universal-body [class*="info-card"]{
  background:#fff!important;
  border:1px solid #dbe6f1!important;
  border-radius:22px!important;
  box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
  color:#0f172a!important;
  padding:18px!important;
}

.mj-universal-modal-active textarea,
.mj-universal-modal-active .mj-universal-body textarea{
  width:100%!important;
  min-height:170px!important;
  border-radius:18px!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  color:#1e293b!important;
  padding:14px 16px!important;
  font:600 14px/1.65 Inter,Poppins,Arial,sans-serif!important;
  resize:vertical!important;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.03)!important;
}
.mj-universal-modal-active button:not(.mj-universal-close-fix),
.mj-universal-modal-active .btn{
  border-radius:14px!important;
}

.mj-universal-modal-active .mj-universal-close-fix{
  position:absolute!important;
  top:-20px!important;
  right:-20px!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  z-index:2147483004!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:999px!important;
  background:#0f172a!important;
  color:#fff!important;
  font:900 30px/1 Arial,sans-serif!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  transform:none!important;
}
.mj-universal-modal-active .mj-universal-close-fix:hover{background:#111827!important;transform:translateY(-1px)!important;}

.mj-force-hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

@media(max-width:760px){
  .mj-universal-modal-active{align-items:flex-start!important;padding:26px 12px 100px!important;}
  .mj-universal-modal-active .mj-universal-modal-box{width:100%!important;border-radius:24px!important;}
  .mj-universal-modal-active .mj-universal-modal-scroll{border-radius:24px!important;max-height:calc(100dvh - 126px)!important;}
  .mj-universal-modal-active .mj-universal-hero{padding:22px 18px 18px!important;border-radius:24px 24px 0 0!important;}
  .mj-universal-modal-active .mj-universal-body{padding:18px 16px 22px!important;}
  .mj-universal-modal-active .mj-universal-close-fix{top:-16px!important;right:10px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;}
}