/* Checkout đồng bộ trang chủ Premium (auraeditor) — nền tối, nút gradient xanh cyan */

body.checkout-body.premium-checkout,
body.checkout-body.premium-checkout[data-page-theme="light"],
body.checkout-body.premium-checkout[data-page-theme="dark"] {
  background: #000000 !important;
  color: #ffffff;
  font-family: Inter, "Google Sans Flex", ui-sans-serif, sans-serif;
}

body.premium-checkout .checkout-premium-header,
body.premium-checkout .header {
  display: none !important;
}

body.premium-checkout .checkout-page {
  padding-top: 3rem !important;
}

/* Cột Tóm tắt: cách mép trên + căn ngang hàng với tiêu đề bên trái (có link Về trang chủ) */
body.premium-checkout .checkout-summary {
  top: 1.5rem;
  padding-top: 2.25rem;
}

body.premium-checkout .checkout-page--gate {
  visibility: visible !important;
  animation: none !important;
}

body.premium-checkout .checkout-legal-note {
  margin: 0 0 1rem;
  font-size: 0.8rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.5);
}

body.premium-checkout .checkout-legal-note a {
  color: #4ce3f7;
}

body.premium-checkout .checkout-page {
  background:
    radial-gradient(ellipse 70% 45% at 0% 0%, rgba(4, 0, 255, 0.22) 0%, transparent 56%),
    #000000 !important;
}

body.premium-checkout .nav-blur {
  background: rgba(0, 0, 0, 0.72) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff !important;
  backdrop-filter: blur(12px);
}

body.premium-checkout .site-logo,
body.premium-checkout .nav-blur a {
  color: #fff !important;
}

body.premium-checkout .text-red-apex {
  color: #4ce3f7 !important;
}

body.premium-checkout .checkout-back,
body.premium-checkout .checkout-field label {
  color: rgba(255, 255, 255, 0.55) !important;
  font-family: Inter, "Google Sans Flex", ui-sans-serif, sans-serif;
}

body.premium-checkout .checkout-back:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}

body.premium-checkout .checkout-title {
  color: #ffffff !important;
  font-family: Inter, "Google Sans Flex", ui-sans-serif, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.premium-checkout .checkout-plan {
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}

body.premium-checkout .checkout-plan[aria-checked="true"] {
  border-color: #3aa0ff !important;
  box-shadow: 0 0 0 1px #3aa0ff;
}

body.premium-checkout .checkout-field input {
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  min-height: 3rem;
  font-family: Inter, "Google Sans Flex", ui-sans-serif, sans-serif;
}

body.premium-checkout .checkout-field input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

body.premium-checkout .checkout-field-hint {
  margin: 0.45rem 0 0;
  font-family: Inter, "Google Sans Flex", ui-sans-serif, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.55);
}

/* Tạm ẩn: footer pháp lý + nút Tư vấn ngay */
body.premium-checkout .site-legal-footer,
body.premium-checkout .contact-chat {
  display: none !important;
}

body.premium-checkout .checkout-submit,
body.premium-checkout .btn-primary {
  background-image: linear-gradient(30deg, #0400ff, #4ce3f7) !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 9999px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-family: Inter, "Google Sans Flex", ui-sans-serif, sans-serif;
  box-shadow: none !important;
}

body.premium-checkout .checkout-submit:hover,
body.premium-checkout .btn-primary:hover {
  filter: brightness(1.06);
}

body.premium-checkout .checkout-legal {
  color: rgba(255, 255, 255, 0.55) !important;
}

body.premium-checkout .checkout-legal a {
  color: #4ce3f7 !important;
}

body.premium-checkout .checkout-qr {
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  border-radius: 16px !important;
  color: #ffffff !important;
}

body.premium-checkout .checkout-form-error {
  color: #ff6b6b !important;
}

body.premium-checkout .checkout-promo-ok {
  color: #4ce3f7 !important;
}