/* Ebook page — theme-specific overrides (light, glitch, arcade) */

/* ── Light ───────────────────────────────────────────────────────── */
.theme-light {
  .eb-wrapper {
    background: #fff;
  }

  .eb-form__group input,
  .eb-form__group select {
    color: #aaa8cc;
  }
}

/* ── Glitch ──────────────────────────────────────────────────────── */
.theme-glitch {
  .eb-wrapper {
    background: #040512;
  }

  /* Hero */
  .eb-hero {
    background: #040512;
  }
  .eb-hero__subtext {
    color: #ffffff;
  }

  /* Form card */
  .eb-form-card {
    background: rgba(115, 74, 187, 0.28);
    border-radius: 2.875rem;
    border: 4px solid rgba(195, 172, 242, 0.44);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
  }

  .eb-form-card::before {
    display: none;
  }

  .eb-form-card__label {
    color: #ffffff;
  }

  .eb-form__field-label {
    color: #fff;
  }

  .eb-form__group input,
  .eb-form__group select {
    border-radius: 0.75rem;
    border: 1px solid #fff;
    background-color: #fff;
    color: rgba(162, 162, 162, 1);
  }

  .eb-form__group input::placeholder {
    color: rgba(162, 162, 162, 1);
  }

  .eb-form__group input:focus,
  .eb-form__group select:focus {
    border-color: #bb93ff;
  }

  /* Banner */
  .eb-banner {
    background: #040512;
  }

  /* Intro */
  .eb-intro {
    background: #040512;
  }
  .eb-intro__eyebrow {
    color: #ffffff;
  }
  .eb-intro__body p {
    color: #ffffff;
  }

  /* Features */
  .eb-features {
    background: #040512;
  }
  .eb-features__heading {
    color: #ffffff;
  }

  .eb-feature-card {
    background: linear-gradient(
      152deg,
      rgba(113, 57, 209, 0.35) -1.48%,
      rgba(187, 147, 255, 0.08) 100%
    );
    border: 1px solid rgba(195, 172, 242, 0.25);
  }

  .eb-feature-card::before {
    display: none;
  }

  .eb-feature-card__title {
    color: #ffffff;
  }
  .eb-feature-card__desc {
    color: #C3ACF2;
  }

  /* About */
  .eb-about {
    background: #040512;
  }

  .eb-about__card {
    border: 1px solid #d2d2d2;
    background: #fcfafe;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .eb-about__body p {
    color: #8a8a8a;
  }

  .eb-about__link {
    color: #5759f8;
  }

  .eb-about__link:hover {
    color: #5a2cb8;
  }

  /* CTA */
  .eb-cta {
    background: #040512;
  }
  .eb-cta__heading {
    color: #ffffff;
  }

  .eb-cta__card {
   
    border: 1px solid rgba(195, 172, 242, 0.3);

    border-radius: 17.52513rem;
    background: linear-gradient(
      180deg,
      rgba(113, 57, 209, 0.11) 0%,
      rgba(187, 147, 255, 0.11) 100%
    );
    box-shadow: 0 -6.163px 24.651px 0 rgba(255, 255, 255, 0.16) inset;
  }

  /* Testimonials */
  .eb-testimonials {
    background: #fff;
  }
  .eb-testimonials__heading {
    color: #222D39;
  }
  .eb-testimonials__sub {
    color: #8A8A8A;
  }

  .eb-testimonials__btn {
    border-color: #bb93ff;
    color: #bb93ff;
  }

  .eb-testimonials__btn:not(:disabled) {
    background: #7139d1;
    color: #fff;
    border-color: #7139d1;
  }


  .eb-testimonial-card {
    background: none;
    border-color: none;
  }

  .eb-testimonial-card__text {
    color: #222D39;
  }
  .eb-testimonial-card__name {
    color: #222D39;
  }
  .eb-testimonial-card__handle {
    color: #8A8A8A;
  }
}

/* ── Arcade ──────────────────────────────────────────────────────── */
.theme-arcade {
  .eb-wrapper {
    background: #1b1c48;
  }

  /* Hero */
  .eb-hero {
    background: #1b1c48;
  }
  .eb-hero__subtext {
    color: #ffffff;
  }

  /* Form card */
  .eb-form-card {
    background: rgba(115, 74, 187, 0.28);
    border-radius: 2.875rem;
    border: 4px solid rgba(195, 172, 242, 0.44);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow:
      0 0 30px rgba(195, 172, 242, 0.15),
      inset 0 0 20px rgba(255, 255, 255, 0.05);
  }

  .eb-form-card::before {
    display: none;
  }

  .eb-form-card__label {
    color: #ffffff;
  }

  .eb-form__field-label {
    color: #fff;
  }

  .eb-form__group input,
  .eb-form__group select {
    border-radius: 0.75rem;
    border: 1px solid #fff;
    background-color: #fff;
    color: rgba(162, 162, 162, 1);
  }

  .eb-form__group input::placeholder {
    color: rgba(162, 162, 162, 1);
  }

  .eb-form__group input:focus,
  .eb-form__group select:focus {
    border-color: #bb93ff;
  }

  /* Banner */
  .eb-banner {
    background: #1b1c48;
  }

  /* Intro */
  .eb-intro {
    background: #1b1c48;
  }
  .eb-intro__eyebrow {
    color: #ffffff;
  }
  .eb-intro__body p {
    color: #ffffff;
  }

  /* Features */
  .eb-features {
    background: #1b1c48;
  }
  .eb-features__heading {
    color: #ffffff;
  }

  .eb-feature-card {
    border-radius: 1.5625rem;
    border: 1px solid rgba(195, 172, 242, 0.30);
    background: rgba(115, 74, 187, 0.20);
  }

  .eb-feature-card::before {
    display: none;
  }

  .eb-feature-card__title {
    color: #ffffff;
  }
  .eb-feature-card__desc {
    color: #C3ACF2
  }

  /* About */
  .eb-about {
    background: #1b1c48;
  }

  .eb-about__card {
    border: 1px solid #d2d2d2;
    background: #fcfafe;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .eb-about__body p {
    color: #8a8a8a;
  }

  .eb-about__link {
    color: #5759f8;
  }

  .eb-about__link:hover {
    color: #d4b8ff;
  }

  /* CTA */
  .eb-cta {
    background: #1b1c48;
  }
  .eb-cta__heading {
    color: #ffffff;
  }

  .eb-cta__card {
    border-radius: 17.52513rem;
    background: linear-gradient(180deg, rgba(113, 57, 209, 0.11) 0%, rgba(187, 147, 255, 0.11) 100%);
    box-shadow: 0 -6.163px 24.651px 0 rgba(255, 255, 255, 0.16) inset;
  }

  /* Testimonials */
  .eb-testimonials {
    background: #fff;
  }
  .eb-testimonials__heading {
    color: #222D39;
  }
  .eb-testimonials__sub {
    color: #8A8A8A;
  }

  .eb-testimonials__btn {
    border-color: #bb93ff;
    color: #bb93ff;
  }

  .eb-testimonials__btn:not(:disabled) {
    background: #7139d1;
    color: #fff;
    border-color: #7139d1;
  }


  .eb-testimonial-card {
    background: none;
    border: none;
  }

  .eb-testimonial-card__text {
    color: #222D39;
  }
  .eb-testimonial-card__name {
    color: #222D39;
  }
  .eb-testimonial-card__handle {
    color: #8A8A8A;
  }
}