/* Sample quizzes — public, no membership */
.wca-quizzes {
  --qz-deep: #0a3632;
  --qz-teal: #14b89a;
  --qz-ink: #122e2a;
  --qz-mute: #46615c;
  --qz-ice: #f3faf7;
  --qz-pad: clamp(1.25rem, 4vw, 3rem);
  font-family: Figtree, system-ui, sans-serif;
  color: var(--qz-ink);
  background: var(--qz-ice);
}
.wca-quizzes__hero {
  background: linear-gradient(160deg, #1a7468 0%, #125a52 45%, #0e4a44 100%);
  color: #fff;
  padding: clamp(3rem, 8vh, 5rem) var(--qz-pad);
}
.wca-quizzes__hero-inner { width: min(720px, 100%); margin: 0 auto; }
.wca-quizzes__brand {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .75;
  margin: 0 0 .75rem;
}
.wca-quizzes__hero h1 {
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
  font-weight: 800;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  letter-spacing: -.03em;
  line-height: 1.1;
  margin: 0 0 .75rem;
  color: #fff;
}
.wca-quizzes__lead { margin: 0; opacity: .9; max-width: 40rem; line-height: 1.55; }
.wca-quizzes__body {
  width: min(720px, 100%);
  margin: 0 auto;
  padding: clamp(2rem, 5vh, 3rem) var(--qz-pad) 4rem;
}
.wca-quizzes__back { margin: 0 0 1.5rem; }
.wca-quizzes__back a { color: var(--qz-teal); font-weight: 600; text-decoration: none; }
.wca-quizzes__empty { color: var(--qz-mute); }
.wca-quizzes__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}
.wca-quizzes__card {
  display: block;
  background: #fff;
  border: 1px solid rgba(18, 46, 42, .1);
  padding: 1.25rem 1.35rem;
  text-decoration: none;
  color: inherit;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.wca-quizzes__card:hover {
  border-color: var(--qz-teal);
  box-shadow: 0 8px 24px rgba(10, 54, 50, .08);
}
.wca-quizzes__card-ey {
  display: block;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--qz-teal);
  margin-bottom: .4rem;
}
.wca-quizzes__card strong {
  display: block;
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
  font-size: 1.15rem;
  letter-spacing: -.02em;
  margin-bottom: .35rem;
}
.wca-quizzes__card-meta { font-size: .9rem; color: var(--qz-mute); }

.wca-quiz-take__meta {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--qz-teal);
  margin: 0 0 .75rem;
}
.wca-quiz-take__prompt {
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
  font-size: clamp(1.15rem, 2.5vw, 1.4rem);
  letter-spacing: -.02em;
  line-height: 1.3;
  margin: 0 0 1.25rem;
  color: var(--qz-deep);
}
.wca-quiz-take__choices {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: grid;
  gap: .65rem;
}

/* Lock vs Neve / Elementor button:hover (same pattern as shared/buttons.css) */
html body .wca-quizzes button.wca-quiz-take__choice,
html body .nv-content-wrap .wca-quiz-take__choice,
html body .entry-content .wca-quiz-take__choice,
html body .wca-quiz-take button.wca-quiz-take__choice {
  display: block;
  width: 100%;
  text-align: left;
  font: inherit;
  font-size: 1rem;
  line-height: 1.45;
  padding: .95rem 1.1rem;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1.5px solid rgba(18, 46, 42, .14) !important;
  border-color: rgba(18, 46, 42, .14) !important;
  color: var(--qz-ink) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer;
  border-radius: 0 !important;
  transition: border-color .12s ease, background-color .12s ease;
  appearance: none;
  -webkit-appearance: none;
}
html body .wca-quizzes button.wca-quiz-take__choice:hover:not(:disabled),
html body .nv-content-wrap .wca-quiz-take__choice:hover:not(:disabled),
html body .entry-content .wca-quiz-take__choice:hover:not(:disabled),
html body .wca-quiz-take button.wca-quiz-take__choice:hover:not(:disabled),
html body .wca-quizzes button.wca-quiz-take__choice:focus:not(:disabled),
html body .nv-content-wrap .wca-quiz-take__choice:focus:not(:disabled) {
  background: #f3faf7 !important;
  background-color: #f3faf7 !important;
  background-image: none !important;
  border-color: #14b89a !important;
  color: var(--qz-ink) !important;
  box-shadow: none !important;
}
html body .wca-quizzes button.wca-quiz-take__choice:disabled,
html body .nv-content-wrap .wca-quiz-take__choice:disabled {
  cursor: default;
  opacity: 1;
}
html body .wca-quizzes button.wca-quiz-take__choice.is-correct,
html body .nv-content-wrap .wca-quiz-take__choice.is-correct,
html body .wca-quizzes button.wca-quiz-take__choice.is-correct:hover,
html body .nv-content-wrap .wca-quiz-take__choice.is-correct:hover {
  border-color: #0d8a6a !important;
  background: #e8faf4 !important;
  background-color: #e8faf4 !important;
  color: var(--qz-ink) !important;
}
html body .wca-quizzes button.wca-quiz-take__choice.is-wrong,
html body .nv-content-wrap .wca-quiz-take__choice.is-wrong,
html body .wca-quizzes button.wca-quiz-take__choice.is-wrong:hover,
html body .nv-content-wrap .wca-quiz-take__choice.is-wrong:hover {
  border-color: #b4534b !important;
  background: #fdf2f0 !important;
  background-color: #fdf2f0 !important;
  color: var(--qz-ink) !important;
}

.wca-quiz-take__feedback {
  margin: 0 0 1rem;
  font-weight: 600;
}
.wca-quiz-take__feedback.is-ok { color: #0d8a6a; }
.wca-quiz-take__feedback.is-no { color: #b4534b; }

html body .wca-quizzes button.wca-quiz-take__next,
html body .wca-quizzes a.wca-quiz-take__again,
html body .wca-quizzes a.wca-quiz-take__list,
html body .nv-content-wrap .wca-quiz-take__next,
html body .nv-content-wrap .wca-quiz-take__again,
html body .nv-content-wrap .wca-quiz-take__list,
html body .entry-content .wca-quiz-take__next,
html body .entry-content .wca-quiz-take__again,
html body .entry-content .wca-quiz-take__list {
  display: inline-flex;
  align-items: center;
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: .9rem 1.35rem;
  border: 0 !important;
  border-radius: 0 !important;
  cursor: pointer;
  background: #0a3632 !important;
  background-color: #0a3632 !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  margin-right: .5rem;
  margin-top: .5rem;
  appearance: none;
  -webkit-appearance: none;
}
html body .wca-quizzes button.wca-quiz-take__next:hover,
html body .wca-quizzes button.wca-quiz-take__next:focus,
html body .wca-quizzes a.wca-quiz-take__again:hover,
html body .wca-quizzes a.wca-quiz-take__again:focus,
html body .nv-content-wrap .wca-quiz-take__next:hover,
html body .nv-content-wrap .wca-quiz-take__next:focus,
html body .nv-content-wrap .wca-quiz-take__again:hover,
html body .nv-content-wrap .wca-quiz-take__again:focus,
html body .entry-content .wca-quiz-take__next:hover,
html body .entry-content .wca-quiz-take__again:hover {
  background: #14b89a !important;
  background-color: #14b89a !important;
  background-image: none !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html body .wca-quizzes a.wca-quiz-take__list,
html body .nv-content-wrap .wca-quiz-take__list,
html body .entry-content .wca-quiz-take__list {
  background: transparent !important;
  background-color: transparent !important;
  color: #0a3632 !important;
  box-shadow: inset 0 0 0 1.5px rgba(18, 46, 42, .25) !important;
}
html body .wca-quizzes a.wca-quiz-take__list:hover,
html body .nv-content-wrap .wca-quiz-take__list:hover,
html body .entry-content .wca-quiz-take__list:hover {
  background: #f3faf7 !important;
  background-color: #f3faf7 !important;
  color: #0a3632 !important;
  box-shadow: inset 0 0 0 1.5px #14b89a !important;
}

.wca-quiz-take__result h2 {
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
  margin: 0 0 .75rem;
  color: var(--qz-deep);
}
.wca-quiz-take__note { color: var(--qz-mute); font-size: .95rem; }

/* Homepage teaser shortcode */
.wca-latest-quiz {
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: clamp(3rem, 8vh, 5rem) clamp(1.25rem, 4vw, 3.25rem);
  background: #fff;
  color: #122e2a;
}
.wca-latest-quiz__ey {
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #14b89a;
  margin: 0 0 .65rem;
}
.wca-latest-quiz__title {
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
  font-weight: 800;
  font-size: clamp(1.9rem, 4vw, 2.75rem);
  letter-spacing: -.035em;
  line-height: 1.05;
  color: #0a3632;
  margin: 0 0 .75rem;
}
.wca-latest-quiz__lead {
  color: #46615c;
  max-width: 40rem;
  font-size: 1.05rem;
  margin: 0 0 1.5rem;
}
html body a.wca-latest-quiz__btn,
html body .wca-latest-quiz a.wca-latest-quiz__btn,
html body .nv-content-wrap .wca-latest-quiz__btn {
  display: inline-flex;
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff !important;
  background: #0a3632 !important;
  background-color: #0a3632 !important;
  background-image: none !important;
  padding: .95rem 1.5rem;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body a.wca-latest-quiz__btn:hover,
html body .wca-latest-quiz a.wca-latest-quiz__btn:hover,
html body .nv-content-wrap .wca-latest-quiz__btn:hover {
  background: #14b89a !important;
  background-color: #14b89a !important;
  color: #fff !important;
}
