/**
 * FAQ accordion — pagina "became-a-vendor" (page-id-402).
 * Restyle dell'accordion nativo Impreza (.w-tabs.accordion) per matchare
 * il Figma 540-18600. Token identici al product FAQ (pmc-product-faq, 522-16712):
 * titolo Lora SemiBold Italic 24px #000; domanda Lora Bold Italic 18px #3F3A35;
 * item border-bottom 1px #766F67, py 16px, gap 24px; risposta Helvetica Neue 16px #3F3A35;
 * caret 20px (stesso SVG "<") ruotato: giù = chiuso, su = aperto.
 * Tutto scoped a .page-id-402 per non toccare altri accordion del sito.
 */

/* --- Titolo "FAQ" (h3 condivide la classe builder col titolo reseller: qui solo quello prima dell'accordion) --- */
.page-id-402 .w-text.us_custom_a9dd79b8:has(+ .w-separator + .w-tabs.accordion) .w-text-value {
  font-family: "Lora", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  color: #000 !important;
}
.page-id-402 .w-text.us_custom_a9dd79b8:has(+ .w-separator + .w-tabs.accordion) {
  text-align: left !important;
}
/* Figma: gap titolo -> lista 24px (separatore builder 64px ridotto) */
.page-id-402 .w-separator:has(+ .w-tabs.accordion) {
  height: 24px !important;
}

/* --- Contenitore accordion --- */
.page-id-402 .w-tabs.accordion .w-tabs-sections {
  display: flex !important;
  flex-direction: column;
  gap: 24px;
  border: 0 !important;
}

/* --- Item --- */
.page-id-402 .w-tabs.accordion .w-tabs-section {
  border: 0 !important;
  border-bottom: 1px solid #766F67 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* --- Header / domanda --- */
.page-id-402 .w-tabs.accordion .w-tabs-section-header {
  display: flex !important;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* aperto: gap domanda->risposta 8px (Figma) */
.page-id-402 .w-tabs.accordion .w-tabs-section.active .w-tabs-section-header,
.page-id-402 .w-tabs.accordion .w-tabs-section-header[aria-expanded="true"] {
  padding-bottom: 8px !important;
}
.page-id-402 .w-tabs.accordion .w-tabs-section-title {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  font-family: "Lora", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #3F3A35 !important;
}

/* --- Caret (sostituisce l'icona Impreza col caret "<" del Figma) --- */
.page-id-402 .w-tabs.accordion .w-tabs-section-control {
  flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  background-color: #3F3A35 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.88561 13.8856'%3E%3Cpath d='M6.94281 0L0 6.94283L6.94281 13.8856L7.88561 12.9428L1.88562 6.94283L7.88561 0.942807L6.94281 0Z' fill='black'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.88561 13.8856'%3E%3Cpath d='M6.94281 0L0 6.94283L6.94281 13.8856L7.88561 12.9428L1.88562 6.94283L7.88561 0.942807L6.94281 0Z' fill='black'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: 8px 14px;
  mask-size: 8px 14px;
  transform: rotate(-90deg);
  transition: transform .2s ease;
}
/* nasconde eventuali pseudo-icone di Impreza */
.page-id-402 .w-tabs.accordion .w-tabs-section-control::before,
.page-id-402 .w-tabs.accordion .w-tabs-section-control::after {
  display: none !important;
  content: none !important;
}
.page-id-402 .w-tabs.accordion .w-tabs-section.active .w-tabs-section-control,
.page-id-402 .w-tabs.accordion .w-tabs-section-header[aria-expanded="true"] .w-tabs-section-control {
  transform: rotate(90deg);
}

/* --- Risposta --- */
.page-id-402 .w-tabs.accordion .w-tabs-section-content-h {
  padding: 0 0 16px 0 !important;
}
.page-id-402 .w-tabs.accordion .w-tabs-section-content,
.page-id-402 .w-tabs.accordion .w-tabs-section-content .wpb_text_column,
.page-id-402 .w-tabs.accordion .w-tabs-section-content p {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #3F3A35 !important;
}
.page-id-402 .w-tabs.accordion .w-tabs-section-content p {
  margin: 0 !important;
}