/* Legal Modal — CG Art Designs neon theme */
:root{
  --lm-bg: rgba(8,10,16,.72);
  --lm-panel: #0f1420;               /* used only if you want a dark iframe on desktop */
  --lm-border: rgba(124,199,255,.35);
  --lm-glow-1: #7cc7ff;
  --lm-glow-2: #b18cff;
  --lm-text: #e9eef7;
  --lm-muted: #cfd6df;
}

.lm.is-hidden { display: none; }
.lm{ position:fixed; inset:0; z-index: 99999; }

/* Backdrop */
.lm__backdrop{
  position:absolute; inset:0;
  background: var(--lm-bg);
  backdrop-filter: blur(6px);
  animation: lm-fade .18s ease-out;
}

/* Dialog (desktop defaults = light panel) */
.lm__dialog{
  position:absolute; inset:6% 8%;
  background:#ffffff;
  color:#222;
  border:1px solid rgba(0,0,0,.15);
  border-radius:16px;
  box-shadow:0 10px 32px rgba(0,0,0,.5);
  display:flex; flex-direction:column;
  animation: lm-pop .18s ease-out;
}

.lm__header{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px 10px;
  border-bottom:1px solid rgba(0,0,0,.1);
  color:#111;
}
.lm__title{ margin:0; font-size:1.05rem; letter-spacing:.3px; }
.lm__close{
  border:1px solid rgba(0,0,0,.2);
  background:transparent;
  color:#111;
  width:36px; height:36px;
  border-radius:10px;
  cursor:pointer;
}
.lm__close:hover{ filter:brightness(.9); }

/* Body + iframe */
.lm__body{ flex:1; min-height:60vh; }
.lm__body iframe{
  width:100%; height:100%; border:0;
  /* Keep iframe light so embedded pages are readable */
  background:#fff;            /* (remove if you want dark on desktop) */
  color-scheme: light;
}

/* Mobile */
@media (max-width:820px){
  .lm__dialog{ inset:8% 4%; border-radius:14px; background:#fff !important; color:#111 !important; }
  .lm__body{ min-height:70vh; }
  .lm__body iframe{ background:#fff !important; color-scheme:light !important; }
  .lm__header, .lm__title, .lm__close{ color:#111 !important; }
  .lm__backdrop{ background:rgba(0,0,0,.6) !important; backdrop-filter:blur(4px); }
  /* Slight contrast boost for embedded text */
  .lm__body *{ color:#222 !important; text-shadow:none !important; }
}

/* Animations */
@keyframes lm-fade{ from{opacity:0} to{opacity:1} }
@keyframes lm-pop{ from{transform:translateY(8px); opacity:.8} to{transform:none; opacity:1} }

/* Lock page scroll when modal open */
body.lm-lock{ overflow:hidden; }