/* Fullscreen overlay and modal styling */
html.wclpg-lock, body.wclpg-lock { overflow: hidden !important; }
#wclpg-overlay { position: fixed; z-index: 99999; inset: 0; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; }
#wclpg-overlay .wclpg-modal { position: relative; width: min(420px, 92vw); background: #fff; border-radius: 10px; box-shadow: 0 15px 50px rgba(0,0,0,.3); padding: 24px; }
#wclpg-overlay .wclpg-title { margin: 0 0 12px; font-size: 20px; font-weight: 700; }
#wclpg-overlay .wclpg-error { margin: 0 0 10px; padding: 10px 12px; border-radius: 8px; background: #fde8e8; color: #9b1c1c; font-size: 14px; }
#wclpg-overlay .wclpg-form-wrap { margin-top: 8px; }
#wclpg-overlay .wclpg-help { margin-top: 10px; font-size: 14px; }
#wclpg-overlay .wclpg-help a { text-decoration: none; }

/* Dim page underneath and block clicks */
#wclpg-overlay + * { pointer-events: none; }

/* Small close X button in top-right */
#wclpg-overlay .wclpg-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: 0 !important;
  background: transparent !important;
  color: #444;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  box-shadow: none !important;
  appearance: none;
}
#wclpg-overlay .wclpg-close:hover { color: #111; background: rgba(0,0,0,0.04); }
#wclpg-overlay .wclpg-close:focus { outline: none; box-shadow: none; }