/* ============================================================
   HOSTIFY PALERMO — Domande frequenti
   Eredita i token; fisarmonica con <details> (funziona anche senza JS).
   ============================================================ */

.faq-head {
  padding-top: clamp(7.5rem, 16vw, 10rem);
  padding-bottom: clamp(1rem, 3vw, 2rem);
}
.faq-head h1 {
  font-size: clamp(2.2rem, 1.4rem + 3.6vw, 3.6rem);
  line-height: var(--lh-tight); letter-spacing: var(--track-display);
  margin-block: var(--sp-4);
}
.faq-head .lead { font-size: var(--t-lead); color: color-mix(in srgb, var(--ombra) 80%, transparent); max-width: 56ch; }

.faq-jump { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--sp-3); margin: var(--sp-5) 0 0; }
.faq-jump a {
  display: inline-flex; border: 1px solid var(--linea-forte); border-radius: var(--r-pill);
  padding: 0.5em 1em; font-size: var(--t-small); font-weight: 600;
  transition: background var(--dur-fast), border-color var(--dur-fast);
}
.faq-jump a:hover { background: rgba(21,48,43,0.05); border-color: var(--ombra); }

.faq-body { max-width: 52rem; padding-bottom: clamp(3rem, 8vw, 6rem); }
.faq-sezione { margin-top: clamp(2rem, 5vw, 3.5rem); scroll-margin-top: 6rem; }
.faq-sezione h2 { font-size: var(--t-sezione); margin: 0 0 var(--sp-4); }

.faq-item { border-bottom: 1px solid var(--linea); }
.faq-item:first-of-type { border-top: 1px solid var(--linea); }
.faq-item summary {
  list-style: none; cursor: pointer; position: relative;
  padding: var(--sp-4) 2.2rem var(--sp-4) 0; font-weight: 600; line-height: 1.4;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: ""; position: absolute; right: 0.4rem; top: 50%; width: 0.6rem; height: 0.6rem;
  border-right: 2px solid var(--maiolica); border-bottom: 2px solid var(--maiolica);
  transform: translateY(-70%) rotate(45deg); transition: transform var(--dur-fast);
}
.faq-item[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.faq-item summary:focus-visible { outline: 2px solid var(--maiolica); outline-offset: 2px; }
.faq-risposta { padding: 0 2.2rem var(--sp-4) 0; }
.faq-risposta p { margin: 0; line-height: 1.7; color: color-mix(in srgb, var(--ombra) 85%, transparent); }

.faq-cta { margin-top: clamp(2rem, 5vw, 3.5rem); }

/* Briciole di pane (stessi valori della scheda camera) */
.breadcrumb { display: flex; align-items: center; gap: 0.5em; font-size: var(--t-small); color: color-mix(in srgb, var(--ombra) 58%, transparent); margin-bottom: var(--sp-5); flex-wrap: wrap; }
.breadcrumb a { color: var(--maiolica); }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb svg { width: 12px; height: 12px; opacity: 0.6; }