/**
 * FAQ pagina indice (page-id-466, Figma 681-16933).
 * Sidebar term list "Frequent questions" (voce attiva) + accordion domande a destra.
 * SOLO struttura/comportamento: layout accordion, caret, bordi, toggle, stato attivo.
 * La TIPOGRAFIA di titolo domanda e descrizione NON e' qui: e' gestita dal Post List
 * Impreza nel builder (classi .usg_post_title_1 / .usg_post_content_1, riusate dal markup).
 * item border-bottom 1px #766F67, py 16px, gap 24px; caret 20px (SVG "<") ruotato.
 * L'accordion (.pmc-faql) e' iniettato via JS; il post list nativo Impreza resta come
 * fallback no-JS (nascosto quando il JS e' attivo).
 */

/* --- Sidebar "Frequent questions" come Figma (681-16933), scoped a .us_term_list ---
 *     Nota: i titoli delle voci usano .usg_post_title_1 (stessa classe del post list a
 *     destra), quindi TUTTO qui e' scoped a .us_term_list per non toccare l'accordion. */

/* Titolo iniettato via JS: Lora SemiBold Italic 24px (Heading/Desktop/H4/Semibold) */
.page-id-466 .pmc-faql-sidebar-title {
  font-family: "Lora", Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  color: #080707;
  margin: 0 0 24px;
}

/* Ritmo verticale voci ~ Figma (gap 16px; il grid nativo usa --gap:10px) */
.page-id-466 .us_term_list .w-grid-list {
  gap: 16px !important;
}

.page-id-466 .us_term_list .w-grid-item.type_term {
  cursor: pointer;
}
/* Voce: Helvetica Neue 16px Regular #080707 (Paragraph/p16/Regular) */
.page-id-466 .us_term_list .w-grid-item.type_term .post_title {
  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: #080707 !important;
  margin: 0 !important;
}
/* Voce attiva: Bold 700 (Paragraph/p16/Bold) */
.page-id-466 .us_term_list .w-grid-item.type_term.is-active .post_title {
  font-weight: 700 !important;
}

/* --- Fallback no-JS nascosto quando il JS ha preso il controllo --- */
.pmc-faql-js .w-grid-list > article {
  display: none !important;
}
.pmc-faql-loading {
  opacity: .55;
  transition: opacity .15s ease;
}

/* --- Accordion domande --- */
.pmc-faql {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.pmc-faql__item {
  border-bottom: 1px solid #766F67;
  padding: 16px 0;
}
.pmc-faql__q {
  display: flex !important;
  gap: 8px;
  align-items: center;
  width: 100%;
  list-style: none !important;
  cursor: pointer;
}
.pmc-faql__q::-webkit-details-marker { display: none !important; }
.pmc-faql__q::marker { content: "" !important; font-size: 0 !important; }
.pmc-faql__q-text { flex: 1 1 0; min-width: 0; word-break: break-word; }
.pmc-faql__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: #3F3A35;
  overflow: hidden;
  transform: rotate(-90deg) !important;
  transition: transform .2s ease;
}
.pmc-faql .pmc-faql__icon svg {
  display: block;
  width: 7.886px !important;
  height: 13.886px !important;
  max-width: none;
  min-width: 0;
}
.pmc-faql__item[open] .pmc-faql__icon { transform: rotate(90deg) !important; }
/* Nessuna tipografia sulla risposta: la eredita dal Post List Impreza (.usg_post_content_1). */
.pmc-faql__a-inner { padding-top: 8px; }
.pmc-faql__a-inner > :first-child { margin-top: 0; }
.pmc-faql__a-inner > :last-child { margin-bottom: 0; }
.pmc-faql__empty { margin: 0; }
