/* HERO TECH / Gold Glass AlertifyJS Theme */

.alertify .ajs-dialog {
  background: rgba(18, 18, 18, 0.55);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);

  border: 1px solid rgba(255, 205, 70, 0.35);
  border-radius: 22px;

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 35px rgba(255, 190, 45, 0.18);

  color: #fff;
  overflow: hidden;
  position: relative;
}

/* Glass shine / blik */
.alertify .ajs-dialog::before {
  content: "";
  position: absolute;
  top: -80px;
  left: -120px;
  width: 260px;
  height: 220px;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.38),
    rgba(255, 215, 90, 0.18),
    transparent 65%
  );

  transform: rotate(18deg);
  pointer-events: none;
}

/* Thin golden glow line */
.alertify .ajs-dialog::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1px;

  background: linear-gradient(
    135deg,
    rgba(255, 235, 150, 0.9),
    rgba(255, 170, 20, 0.25),
    rgba(255, 255, 255, 0.08),
    rgba(176, 104, 0, 0.55)
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

/* Header */
.alertify .ajs-header {
  background: linear-gradient(
    135deg,
    rgba(255, 211, 88, 0.18),
    rgba(255, 255, 255, 0.05)
  );

  color: #ffd36a;
  font-weight: 800;
  letter-spacing: 0.6px;

  border-bottom: 1px solid rgba(255, 205, 70, 0.22);
  border-radius: 22px 22px 0 0;

  padding: 18px 24px;
  text-shadow: 0 0 14px rgba(255, 196, 45, 0.35);
}

/* Body */
.alertify .ajs-body {
  color: rgba(255, 255, 255, 0.9);
}

.alertify .ajs-body .ajs-content {
  padding: 24px;
  font-size: 15px;
  line-height: 1.55;
}

.alertify .ajs-body .ajs-content p {
  margin: 0;
}

/* Input */
.alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;

  padding: 12px 14px;
  margin: 10px 0;

  color: #fff;
  background: rgba(255, 255, 255, 0.08);

  border: 1px solid rgba(255, 205, 70, 0.28);
  border-radius: 14px;

  outline: none;

  box-shadow:
    inset 0 1px 8px rgba(0, 0, 0, 0.25),
    0 0 0 rgba(255, 205, 70, 0);

  transition: 0.25s ease;
}

.alertify .ajs-body .ajs-content .ajs-input:focus {
  border-color: rgba(255, 215, 90, 0.75);
  box-shadow:
    0 0 0 3px rgba(255, 205, 70, 0.16),
    0 0 22px rgba(255, 190, 45, 0.2);
}

/* Footer */
.alertify .ajs-footer {
  background: rgba(0, 0, 0, 0.18);
  border-top: 1px solid rgba(255, 205, 70, 0.18);
  border-radius: 0 0 22px 22px;

  padding: 14px 18px;
}

/* Buttons */
.alertify .ajs-footer .ajs-buttons .ajs-button {
  border: 0;
  border-radius: 14px;

  padding: 11px 18px;
  margin-left: 8px;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;

  cursor: pointer;
  transition: 0.25s ease;
}

/* Cancel button */
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.08);
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

/* OK button gold */
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #241500;

  background: linear-gradient(
    135deg,
    #fff1a8 0%,
    #ffd15c 28%,
    #d89518 62%,
    #8d5606 100%
  );

  box-shadow:
    0 8px 22px rgba(255, 180, 35, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
  transform: translateY(-1px);
  box-shadow:
    0 12px 28px rgba(255, 185, 40, 0.38),
    0 0 18px rgba(255, 211, 90, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:active,
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:active {
  transform: translateY(1px);
}

/* Notifications */
.alertify-notifier .ajs-message {
  background: rgba(18, 18, 18, 0.72);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);

  color: #fff;

  border: 1px solid rgba(255, 205, 70, 0.28);
  border-radius: 18px;

  text-align: center;

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.35),
    0 0 25px rgba(255, 190, 45, 0.15);
}

/* Success */
.alertify-notifier .ajs-message.ajs-success {
  color: #1a1100;

  background: linear-gradient(
    135deg,
    rgba(255, 238, 150, 0.95),
    rgba(218, 158, 32, 0.95)
  );

  border-color: rgba(255, 236, 150, 0.7);
  text-shadow: none;
}

/* Error */
.alertify-notifier .ajs-message.ajs-error {
  color: #fff;

  background: linear-gradient(
    135deg,
    rgba(120, 20, 20, 0.95),
    rgba(220, 55, 55, 0.9)
  );

  border-color: rgba(255, 120, 120, 0.45);
  text-shadow: none;
}

/* Warning */
.alertify-notifier .ajs-message.ajs-warning {
  color: #2c1b00;

  background: linear-gradient(
    135deg,
    rgba(255, 238, 160, 0.96),
    rgba(255, 184, 55, 0.92)
  );

  border-color: rgba(255, 220, 100, 0.7);
}