/* ─── DGF Accordion Item Block ────────────────────────────── */

/* Card shell — bg/border/radius/overflow/shadow/responsive-radius via Tailwind; transitions + open-state here */
.dgf-faq-card {
  transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.dgf-faq-item.open .dgf-faq-card {
  background-color: #F2994A;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Header — flex/items-center/justify-between/gap/padding via Tailwind; (gap and padding migrated to Tailwind) */

/* Question text — font-weight/line-height/color/flex-1/margin/padding/font-size via Tailwind; transition here */
.dgf-faq-question {
  transition: color 0.3s ease;
}

.dgf-faq-item.open .dgf-faq-question {
  color: #FEF7F5;
}

/* Icon container — size/shrink/flex/color/responsive-size via Tailwind; transition here */
.dgf-faq-icon {
  transition: color 0.3s ease;
}

.dgf-faq-item.open .dgf-faq-icon {
  color: #ffffff;
}

/* Plus / Minus toggle — base display via Tailwind (block / hidden); open-state overrides here */
.dgf-faq-item.open .dgf-plus-icon  { display: none;  }
.dgf-faq-item.open .dgf-minus-icon { display: block; }

/* Collapsible body — CSS grid trick cannot be expressed in Tailwind */
.dgf-faq-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}

.dgf-faq-item.open .dgf-faq-body {
  grid-template-rows: 1fr;
}

/* Body inner — overflow via Tailwind; fluid padding + transition here */
.dgf-faq-body-inner {
  padding: 0 clamp(16px, 2vw, 24px) 0;
  transition: padding 0.35s ease;
}

.dgf-faq-item.open .dgf-faq-body-inner {
  padding: 0 clamp(16px, 2vw, 24px) clamp(16px, 2vw, 20px);
}

/* Answer text — line-height/color/margin/padding/font-size via Tailwind; transition here */
.dgf-faq-answer {
  transition: color 0.3s ease;
}

.dgf-faq-item.open .dgf-faq-answer {
  color: #FEF7F5;
}

/* Optional link — inline-block/margin-top/color/underline/font-size via Tailwind; transition here */
.dgf-faq-link {
  transition: color 0.3s ease;
}

.dgf-faq-item.open .dgf-faq-link {
  color: #bde0f0;
}