/* Webflow leaves .w-dyn-empty visible until deferred cms.js runs — hide until hydration finishes. */
body[data-cms-page="home"]:not(.is-cms-ready) .c-home-reviews .w-dyn-empty,
body[data-cms-page="work"]:not(.is-cms-ready) .c-main .w-dyn-list > .w-dyn-empty,
body[data-cms-page="reviews"]:not(.is-cms-ready) .c-page-reviews .w-dyn-empty,
body[data-cms-page="faq"]:not(.is-cms-ready) .c-faq__container .w-dyn-empty {
  display: none !important;
}

/*
 * Case study template: summary/title/tags use .w-dyn-bind-empty → display:none !important.
 * Webflow's bundle can re-apply that class after cms.js runs; beat it once JSON hydration is done.
 */
body[data-cms-page="project"].is-cms-project-hydrated .c-work__about--title,
body[data-cms-page="project"].is-cms-project-hydrated .c-work__tags,
body[data-cms-page="project"].is-cms-project-hydrated .c-work__about--desc {
  display: block !important;
  opacity: 1 !important;
}

/* Plain <p> summary (no Webflow .w-dyn-bind-empty); keep typography consistent with former h2 block */
body[data-cms-page="project"] .c-work__about--summary {
  margin: 0;
  white-space: pre-wrap;
}

/* Client-side CMS: FAQ accordion (replaces Webflow IX on injected items) */
.c-faq-question.is-cms-open .c-faq-question__answer {
  display: block !important;
  opacity: 1 !important;
  height: auto !important;
  transform: none !important;
}

.c-faq-question.is-cms-open .enter-faq-icon {
  transform: rotate(180deg);
}

.c-faq__container.is-cms-hydrated .c-pagination {
  display: none;
}

.c-work__cms-not-found {
  padding: 2rem;
  border-radius: 10px;
  background: var(--dark);
  color: var(--medium);
}

.c-page-reviews__column--site {
  margin-top: 0.5rem;
}