/* FAQ - UI alignée sur stock_history (app-layout) */

.faq-wrap{ max-width: 1100px; }

.faq-subtitle{
  margin: 4px 0 14px;
  color: var(--muted);
  font-size: 13px;
}

/* Barre de recherche (sobre, ERP) */
.faq-search{
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 12px;
  background: #fbfbfc;
  margin: 10px 0 16px;
}
.faq-search-row{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}
.faq-search-label{
  font-size: 12px;
  color: #334155;
  font-weight: 700;
}
.faq-search input{
  flex: 1 1 360px;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  background: #fff;
  outline: none;
}
.faq-search input:focus{ border-color: rgba(37,99,235,.35); box-shadow: 0 0 0 3px rgba(37,99,235,.10); }

.faq-hint{
  margin-top: 8px;
  font-size: 12px;
  color: var(--muted);
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

/* Sections */
details.faq-section{
  border: 1px solid var(--border);
  border-radius: 14px;
  margin: 10px 0;
  background: #fff;
  overflow: hidden;
}
summary.section-title{
  list-style: none;
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 800;
  color: #0f172a;
}
summary.section-title::-webkit-details-marker{ display:none; }

.section-body{
  border-top: 1px solid var(--border);
  padding: 6px 10px 10px;
}

/* Items */
details.faq-item{
  border: 1px solid var(--border);
  border-radius: 12px;
  margin: 10px 4px;
  overflow: hidden;
  background:#fff;
}
summary.faq-q{
  list-style: none;
  cursor: pointer;
  padding: 10px 12px;
  font-weight: 700;
}
summary.faq-q::-webkit-details-marker{ display:none; }

.faq-a{
  border-top: 1px solid var(--border);
  padding: 10px 12px;
  line-height: 1.6;
  font-size: 13px;
}
.faq-a p, .faq-a ul{ margin: 8px 0; }
.faq-a ul{ padding-left: 18px; }

/* Recherche */
mark{
  background: rgba(37,99,235,.14);
  padding: 0 .12em;
  border-radius: .25em;
}
.hidden{ display:none !important; }

@media (max-width: 820px){
  .faq-wrap{ max-width: 100%; }
}