/*
 * AWA PDP — FAQ Section (VTEX-grade) 2026-06-27
 *
 * Renderiza acordeão semântico de perguntas frequentes na PDP.
 * Usa <details name="..."> para comportamento de exclusão mútua
 * (apenas uma FAQ aberta por vez), suportado em todos browsers evergreen.
 *
 * Carregado via awa-pdp-conversion-async.phtml como CSS não-bloqueante.
 */

.awa-pdp-faq {
  margin: clamp(20px, 3vw, 32px) 0;
  padding: clamp(16px, 2.4vw, 24px);
  background: var(--awa-cc-surface-1, #fff);
  border: 1px solid var(--awa-cc-border, #e5e7eb);
  border-radius: var(--awa-radius-md, 10px);
  box-shadow: var(--awa-cc-shadow-subtle, 0 1px 3px rgba(15, 23, 42, .04));
}

.awa-pdp-faq__header {
  margin: 0 0 clamp(12px, 2vw, 16px);
  padding: 0 0 clamp(8px, 1.5vw, 12px);
  border-bottom: 1px solid var(--awa-cc-border, #e5e7eb);
}

.awa-pdp-faq__title {
  margin: 0;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--awa-cc-text-1, #1f2937);
}

.awa-pdp-faq__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.awa-pdp-faq__item {
  padding-bottom: 4px;
  border-bottom: 1px solid var(--awa-cc-border, #e5e7eb);
}

.awa-pdp-faq__item:last-child {
  border-bottom: 0;
}

.awa-pdp-faq__details {
  display: block;
}

.awa-pdp-faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: clamp(12px, 1.8vw, 16px) 0;
  cursor: pointer;
  font-size: clamp(15px, 1.8vw, 16px);
  font-weight: 600;
  line-height: 1.4;
  color: var(--awa-cc-text-1, #1f2937);
  list-style: none;
  user-select: none;
  transition: color 200ms ease;
}

.awa-pdp-faq__question::-webkit-details-marker {
  display: none;
}

.awa-pdp-faq__question:hover {
  color: var(--awa-brand-primary, #b73337);
}

.awa-pdp-faq__question:focus-visible {
  outline: 2px solid var(--awa-cc-focus, rgba(183, 51, 55, .28));
  outline-offset: 2px;
  border-radius: 4px;
}

.awa-pdp-faq__question-text {
  flex: 1 1 auto;
  min-width: 0;
}

.awa-pdp-faq__icon {
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--awa-brand-primary, #b73337);
  transition: transform 240ms cubic-bezier(.4, 0, .2, 1);
}

.awa-pdp-faq__details[open] .awa-pdp-faq__icon {
  transform: rotate(180deg);
}

.awa-pdp-faq__answer {
  padding: 0 0 clamp(12px, 1.8vw, 16px);
  font-size: clamp(14px, 1.6vw, 15px);
  line-height: 1.55;
  color: var(--awa-cc-text-2, #4b5563);
}

.awa-pdp-faq__answer p {
  margin: 0;
  max-width: 75ch;
}

@media (prefers-reduced-motion: reduce) {
  .awa-pdp-faq__icon,
  .awa-pdp-faq__question {
    transition: none;
  }
}