/* === Webgrow Care – FAQ (brand: #1b1b1b, #f7ce46) – A11y & Motion === */
.wgc-faq { margin-top: 48px; }
.wgc-faq__title { margin: 0 0 16px; color:#1b1b1b; }

.wgc-faq__list { border-top: 1px solid #e8e8e8; }
.wgc-faq__item { border-bottom: 1px solid #e8e8e8; }

.wgc-faq__toggle {
  width: 100%;
  text-align: left;
  background: #fff;
  border: 0;
  padding: 18px 48px 18px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  position: relative;
  cursor: pointer;
  border-radius: 0; /* Webgrow: square */
}
.wgc-faq__toggle:hover { color: #1b1b1b; }
.wgc-faq__toggle:focus-visible {
  outline: 3px solid #f7ce46;
  outline-offset: 2px;
}

/* ikon (plusz→mínusz) */
.wgc-faq__icon::before,
.wgc-faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 16px; height: 2px;
  background: #1b1b1b;
  transform: translateY(-50%);
  transition: opacity 160ms ease;
}
.wgc-faq__icon::after { transform: translateY(-50%) rotate(90deg); }
.wgc-faq__toggle[aria-expanded="true"] .wgc-faq__icon::after { opacity: 0; }

/* válasz: Webgrow-sárga, olvashatóságra hangolva */
.wgc-faq__a {
  background: #fffdf1;             /* szoft sárga háttér (#f7ce46 derivát) */
  border-left: 3px solid #f7ce46;
  color: #1b1b1b;
  padding: 0 16px 16px 16px;

  /* sima animáció */
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-2px);
  transition: max-height 220ms ease, opacity 220ms ease, transform 220ms ease;
}
.wgc-faq__a.is-open { opacity: 1; transform: translateY(0); }
.wgc-faq__a p { margin: 12px 0 0; }

/* linkek a válaszban */
.wgc-faq__a a {
  color: #1b1b1b;
  text-decoration: none;
  border-bottom: 2px solid #f7ce46;
}
.wgc-faq__a a:hover { background: #f7ce46; }

/* Prefer-reduced-motion: minimalizáljuk az animot */
@media (prefers-reduced-motion: reduce) {
  .wgc-faq__a { transition: none; }
  .wgc-faq__icon::after { transition: none; }
}