/* ═══════════════════════════════════════════
   WV FOOTER QUIZ — CTA card component  (v5)
   Rebuilt: Find Your Foundation layout
   ═══════════════════════════════════════════ */

.wv-footer-quiz {
  position: relative;
  display: block;
  border-radius: 25px;
  overflow: hidden;
  /* aspect-ratio removed — was designed for 553px fixed width container.
     At narrower widths (tablet sidebar, constrained left zone) the ratio
     caused the card to be too short for its content.
     If the left zone is ever restored to 553px fixed width at all breakpoints,
     aspect-ratio: 553 / 180 can be reinstated and min-height removed.
     Last reviewed: April 2026 */
  min-height: 130px;
  height: auto;
  background-image: var(--wv-footer-quiz-bg, none);
  background-size: cover;
  background-position: center;
  text-decoration: none;
}

.wv-footer-quiz__content {
  position: relative;
  z-index: 1;
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: inherit;
  gap: 6px;
}

/* Top line — FIND YOUR FOUNDATION */
.wv-footer-quiz__label {
  font-family: var(--wv-font-primary);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
}

/* Middle row — heading + arrow inline */
.wv-footer-quiz__heading-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

/* Large serif heading — font-size set per breakpoint below, no base size needed */
.wv-footer-quiz__heading {
  font-family: var(--wv-font-serif);
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1px;
  color: #ffffff;
  margin: 0;
  white-space: nowrap;
}

/* Circle arrow — inline with heading */
.wv-footer-quiz__arrow {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  display: block;
}

/* Bottom line */
.wv-footer-quiz__body {
  font-family: var(--wv-font-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.2px;
  color: #ffffff;
  margin: 0;
}

/* ── Mobile-first responsive base ──
   (Mobile values applied as base; desktop overrides below.) */
.wv-footer-quiz__heading {
  font-size: 42px;
  letter-spacing: -1.5px;
  white-space: nowrap;
}

.wv-footer-quiz__arrow {
  width: 40px;
  height: 40px;
}

.wv-footer-quiz__content {
  padding: 20px 20px;
  gap: 4px;
}

/* ── Responsive — tablet+ ── */
@media (min-width: 768px) {
  .wv-footer-quiz__heading {
    font-size: 38px;
  }

  .wv-footer-quiz__arrow {
    width: 42px;
    height: 42px;
  }

  .wv-footer-quiz__content {
    padding: 24px 28px;
    gap: revert;
  }
}

/* ── Responsive — desktop ── */
@media (min-width: 1280px) {
  .wv-footer-quiz__heading {
    font-size: 44px;
    letter-spacing: -1.5px;
  }
}