/* =========================================
   Lumenara Rising Paperform Styling
   Cleaner Version
   ========================================= */

:root {
  --lumenara-void: #0d0515;
  --lumenara-deep: #1a0a2e;
  --lumenara-panel: #201038;
  --lumenara-violet: #7f70d6;
  --lumenara-gold: #C8901A;
  --lumenara-amber: #f7d76a;
  --lumenara-smoke: #d4d8e0;
  --lumenara-pale: #f0e0ba;
  --lumenara-ink: #2a1642;
  --lumenara-red: #b81a1a;
}

/* Page background */
html,
body {
  background: var(--lumenara-void) !important;
}

/* Main form background */
body,
form,
.LiveForm,
.live-form,
.Paperform,
[data-testid="form"] {
  background: radial-gradient(circle at top, #24103d 0%, var(--lumenara-deep) 38%, var(--lumenara-void) 100%) !important;
  color: var(--lumenara-smoke) !important;
}

/* Main form width */
form,
.LiveForm,
.live-form {
  max-width: 780px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Main title */
h1 {
  font-family: "Cinzel", Georgia, serif !important;
  color: var(--lumenara-gold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  text-align: center !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  font-size: 38px !important;
}

/* Section headings */
h2,
h3 {
  font-family: "Cinzel", Georgia, serif !important;
  color: var(--lumenara-gold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* General paragraph text on dark background */
p {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: var(--lumenara-smoke) !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
}

/* Form blocks / white cards */
.Question,
.QuestionWrapper,
[data-testid="question"],
.__pf-question,
.question {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(216, 181, 107, 0.18) !important;
  border-radius: 0 !important;
  box-shadow: 0 0 18px rgba(13, 5, 21, 0.24) !important;
}

/* Field labels inside form blocks */
.Question label,
.QuestionWrapper label,
[data-testid="question"] label,
.__pf-question label,
.question label {
  color: var(--lumenara-ink) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* Help text inside form blocks */
.Question small,
.QuestionWrapper small,
[data-testid="question"] small,
.__pf-question small,
.question small {
  color: rgba(42, 22, 66, 0.7) !important;
}

/* Inputs */
input,
textarea,
select {
  color: var(--lumenara-ink) !important;
  background: transparent !important;
  border-color: rgba(42, 22, 66, 0.22) !important;
  font-family: "Lato", Arial, sans-serif !important;
  opacity: 1 !important;
}

/* Textarea background */
textarea {
  background: rgba(42, 22, 66, 0.04) !important;
}

/* Placeholder */
input::placeholder,
textarea::placeholder {
  color: rgba(42, 22, 66, 0.48) !important;
  opacity: 1 !important;
}

/* Focus states */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--lumenara-violet) !important;
  box-shadow: 0 2px 0 0 var(--lumenara-violet) !important;
  outline: none !important;
}

/* Product card */
.Product,
.product,
[data-testid="product"],
[data-testid="products"] {
  color: var(--lumenara-ink) !important;
  border: 1px solid rgba(216, 181, 107, 0.3) !important;
  box-shadow: 0 0 14px rgba(216, 181, 107, 0.12) !important;
}

/* Product card text */
.Product *,
.product *,
[data-testid="product"] *,
[data-testid="products"] * {
  color: var(--lumenara-ink) !important;
}

/* Yes/No and multiple choice buttons */
[role="button"],
.choice,
.Choice,
.Option,
.option {
  color: var(--lumenara-ink) !important;
  background: #ffffff !important;
  border: 1px solid rgba(42, 22, 66, 0.14) !important;
  border-radius: 2px !important;
}

/* Selected choices */
[aria-checked="true"],
.selected,
.is-selected,
.active {
  background: var(--lumenara-violet) !important;
  color: #ffffff !important;
  border-color: var(--lumenara-violet) !important;
}


/* Required asterisk / errors */
.required,
.error,
.Error,
.Warning,
.warning {
  color: var(--lumenara-red) !important;
}

/* Links */
a {
  color: var(--lumenara-gold) !important;
}

/* Mobile */
@media (max-width: 768px) {
  form,
  .LiveForm,
  .live-form {
    max-width: 94% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  h1 {
    font-size: 30px !important;
    letter-spacing: 0.08em !important;
  }

  h2,
  h3 {
    font-size: 22px !important;
    letter-spacing: 0.1em !important;
  }

  p {
    font-size: 17px !important;
  }
}
/* =========================================
   Final Paperform Submit Button
   Dark Gold → Indigo Hover
   ========================================= */

/* Remove wrapper styling without killing the button */
.submit {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 24px !important;
}

/* Actual Paperform submit button */
.submit .btn-raised.btn-primary {
  display: block !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 18px 28px !important;

  background: #C8901A !important;
  background-image: none !important;
  color: #0d0515 !important;

  border: 1px solid #C8901A !important;
  border-radius: 999px !important;
  box-shadow: 0 0 22px rgba(200, 144, 26, 0.28) !important;

  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  text-align: center !important;

  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

/* Paperform may put text inside spans */
.submit .btn-raised.btn-primary,
.submit .btn-raised.btn-primary * {
  color: #0d0515 !important;
}

/* Hover: indigo background + gold text */
.submit .btn-raised.btn-primary:hover {
  background: #1a0a2e !important;
  background-image: none !important;
  color: #C8901A !important;
  border-color: #C8901A !important;
  box-shadow: 0 0 24px rgba(200, 144, 26, 0.35) !important;
}

/* Hover inner text */
.submit .btn-raised.btn-primary:hover * {
  color: #C8901A !important;
}
/* =========================================
   Thank You Page Text Fix
   ========================================= */

.submission-confirmation,
.submission-confirmation *,
.Success,
.Success *,
.ThankYou,
.ThankYou *,
[class*="success"],
[class*="Success"],
[class*="thank"],
[class*="Thank"] {
  color: #1a0a2e !important;
}

/* Thank you heading */
.submission-confirmation h1,
.Success h1,
.ThankYou h1,
[class*="success"] h1,
[class*="Success"] h1,
[class*="thank"] h1,
[class*="Thank"] h1 {
  color: #C8901A !important;
}

/* Thank you body paragraph */
.submission-confirmation p,
.Success p,
.ThankYou p,
[class*="success"] p,
[class*="Success"] p,
[class*="thank"] p,
[class*="Thank"] p {
  color: #1a0a2e !important;
  opacity: 1 !important;
}