/* ======================================================
   STO | Copy to Clipboard – Notification (Popup-safe)
   ====================================================== */

/* Clickable copy element */
.sto-copy-url {
  cursor: pointer;
  position: relative;
}

/* Copied state (optional visual lock) */
.sto-copy-url.is-copied {
  pointer-events: none;
  opacity: 0.8;
}

/* Notification base */
.sto-copy-notification {
  position: fixed;
  z-index: 10050; /* higher than Bricks popup + overlay */
  padding: 12px 18px;
  background: #2ecc71; /* success green */
  color: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px) scale(0.98);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Visible state */
.sto-copy-notification.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Position: top */
.sto-copy-notification.pos-top {
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
}

/* Position: center */
.sto-copy-notification.pos-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}