/* =====================================================
   HAWTHORNE PUBLISHERS — ebook.css
   Page: eBook Ghostwriting
===================================================== */

/* ── HERO: CSS-only entrance (above fold, WOW can't reach it) ── */
.hp-hero-tags {
  animation: eb-fade-down 0.7s ease both;
}
.hp-hero-h1 {
  animation: eb-slide-left 0.85s cubic-bezier(.22,.61,.36,1) 0.1s both;
}
.hp-hero-sub {
  animation: eb-fade-up 0.8s ease 0.3s both;
}
.hp-hero-checks.v2 {
  animation: eb-fade-up 0.8s ease 0.5s both;
}
.hp-hero-trust {
  animation: eb-fade-up 0.8s ease 0.75s both;
}
.hp-hero-form {
  animation: eb-slide-right 0.85s cubic-bezier(.22,.61,.36,1) 0.2s both;
}

@keyframes eb-fade-down {
  from { opacity: 0; transform: translateY(-22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes eb-slide-left {
  from { opacity: 0; transform: translateX(-60px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes eb-slide-right {
  from { opacity: 0; transform: translateX(60px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes eb-fade-up {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Section title green underline reveal on WOW fire ── */
.hp-section-title {
  position: relative;
}
/* .hp-section-title::after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: var(--c-green-btn, #069e2d);
  margin: 10px auto 0;
  transition: width 0.7s ease 0.4s;
  border-radius: 2px;
} */
.hp-section-title.animate__animated::after {
  width: 70px;
}

/* ── Genre pills ── */
.ebook-genre-pill {
  transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
}
.ebook-genre-pill:hover {
  transform: translateY(-4px) scale(1.06);
  background: var(--c-green-btn, #069e2d);
  color: #fff;
  box-shadow: 0 8px 20px rgba(6, 158, 45, 0.28);
}

/* ── Shortform image hover zoom ── */
.ebook-shortform-img {
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}
.ebook-shortform-img:hover {
  transform: scale(1.035);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.14);
}

/* ── Shortform checklist items staggered entrance ── */
.ebook-shortform-checks.animate__animated li:nth-child(1) {
  animation: eb-fade-up 0.55s ease 0.05s both;
}
.ebook-shortform-checks.animate__animated li:nth-child(2) {
  animation: eb-fade-up 0.55s ease 0.15s both;
}
.ebook-shortform-checks.animate__animated li:nth-child(3) {
  animation: eb-fade-up 0.55s ease 0.25s both;
}
.ebook-shortform-checks.animate__animated li:nth-child(4) {
  animation: eb-fade-up 0.55s ease 0.35s both;
}

/* ── Process cards hover lift ── */
.process-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.process-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.13);
}

/* ── Benefit cards hover lift ── */
.hp-benefit-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hp-benefit-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

/* ── Hero form submit button lift ── */
.hp-form-submit {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hp-form-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(61, 61, 61, 0.38);
}