/*
 * Stardust Amelia Widget Skin V4 Safe
 * This version intentionally avoids styling Amelia's internal popup, calendar,
 * dropdown, stepper, and Vue/Element UI mechanics.
 */

.sd-amelia-wrap {
  background:
    radial-gradient(circle at top left, rgba(220, 230, 255, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)) !important;
  border: 1px solid rgba(220, 230, 255, 0.18) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,0.38),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  overflow: visible !important;
}

.sd-amelia-wrap .amelia-app-booking,
.sd-amelia-wrap #amelia-container,
.sd-amelia-wrap .am-wrap,
.sd-amelia-wrap .am-fs,
.sd-amelia-wrap .am-fs__wrapper,
.sd-amelia-wrap .amelia-v2-booking {
  background: transparent !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.sd-amelia-wrap .am-fs__main-heading,
.sd-amelia-wrap .am-fs__main-title,
.sd-amelia-wrap .am-heading,
.sd-amelia-wrap .am-title {
  color: #ffffff !important;
  letter-spacing: -0.02em !important;
}

.sd-amelia-wrap .am-fs__main-text,
.sd-amelia-wrap .am-desc,
.sd-amelia-wrap .am-text {
  color: rgba(255,255,255,0.76) !important;
}

.sd-amelia-wrap .am-fs__main,
.sd-amelia-wrap .am-fs__main-content,
.sd-amelia-wrap .am-fs-sb {
  background: rgba(5, 7, 14, 0.12) !important;
  border-color: rgba(220,230,255,0.12) !important;
}

.sd-amelia-wrap .am-button,
.sd-amelia-wrap .am-fs__btn,
.sd-amelia-wrap button.am-button,
.sd-amelia-wrap button[class*="am-"] {
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  background:
    linear-gradient(135deg, #ffffff 0%, #d9dde8 45%, #aeb7c9 100%) !important;
  color: #060812 !important;
  font-weight: 800 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.75) !important;
}

.sd-amelia-wrap .am-button-secondary,
.sd-amelia-wrap .am-fs__btn-secondary {
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.92) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.sd-amelia-wrap input:not([type="checkbox"]):not([type="radio"]),
.sd-amelia-wrap textarea {
  border-radius: 14px !important;
  border-color: rgba(220,230,255,0.18) !important;
}

.sd-amelia-wrap input[placeholder*="coupon" i],
.sd-amelia-wrap input[placeholder*="code" i] {
  border-color: rgba(217,221,232,0.32) !important;
}

.sd-amelia-wrap {
  --am-c-primary: #d9dde8 !important;
  --am-c-success: #d9dde8 !important;
  --am-c-error: #ff9aa2 !important;
  --am-c-warning: #e9d7a7 !important;
  --am-c-text: #ffffff !important;
  --am-c-text-second: rgba(255,255,255,0.72) !important;
  --am-c-border: rgba(220,230,255,0.18) !important;
}

.sd-booking-card {
  background:
    radial-gradient(circle at top, rgba(220,230,255,0.10), transparent 40%),
    linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)) !important;
}

.sd-booking-top span {
  color: #e5e9f4 !important;
}

.sd-booking-note {
  color: rgba(255,255,255,0.72) !important;
}

/* Important: keep Amelia poppers/dropdowns/calendars untouched. */