/* pet-quiz-footer.css: ported 1:1 from foodforjoe.es CSS modules (hash suffixes removed). */

/* ── PetQuizFooter ── */
.PetQuizFooter_footer {
  border-top-left-radius:var(--border-radius-footer);
  border-top-right-radius:var(--border-radius-footer);
  border-top:1px solid var(--color-dark-beige);
  background:var(--color-light-yellow);
  padding:16px 16px 24px;
}

.PetQuizFooter_footerContent {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
}

.PetQuizFooter_footerContent .PetQuizFooter_next {
  width:100%;
  max-width:360px;
}

.PetQuizFooter_trust {
  --trust-transition:grid-template-rows 300ms ease,margin-top 300ms ease,opacity 200ms ease;
  display:grid;
  grid-template-rows:1fr;
  transition:var(--trust-transition),visibility 0s;
}

.PetQuizFooter_trust>* {
  min-height:0;
}

.PetQuizFooter_trustCollapsed {
  grid-template-rows:0fr;
  margin-top:-16px;
  opacity:0;
  visibility:hidden;
  transition:var(--trust-transition),visibility 0s linear .3s;
}

.PetQuizFooter_trustCollapsed>* {
  overflow:hidden;
}

@media (prefers-reduced-motion:reduce) {
  .PetQuizFooter_trustCollapsed,
  .PetQuizFooter_trust {
    transition:none;
  }
}

.PetQuizFooter_dark {
  background:var(--color-mid-green);
  border-top:none;
}

@media (min-width:960px) {
  .PetQuizFooter_footer {
    padding:24px 64px;
    min-height:160px;
  }
}

@media (min-width:960px) {
  .PetQuizFooter_footerContent {
    max-width:1440px;
    margin:0 auto;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:start;
  }
}

@media (min-width:960px) {
  .PetQuizFooter_footerContent .PetQuizFooter_next {
    width:200px;
  }
}

@media (min-width:960px) and (max-height:959px) {
  .PetQuizFooter_footer {
    min-height:0;
  }
}
