/**
 * Styles pour les pages autonomes du Lot 9 : FAQ, Contact, 404, Recherche.
 * Réutilise déjà .prose-page/.page-head (guides.css), .grid-3/.grid-products
 * (shop.css), .age-chip (gifts.css) — chargés à leurs côtés, cf. inc/enqueue.php.
 */

/* --- FAQ --- */
.faq-search{ margin: var(--space-6) 0; }
.faq-search input{
  width: 100%;
  border: 1px solid var(--champagne);
  border-radius: var(--radius-field);
  padding: 12px 16px;
  background: var(--white);
  font-family: var(--font-body);
}
.faq-list{ display: flex; flex-direction: column; gap: var(--space-2); }
.faq-item{ border: 1px solid var(--champagne); border-radius: var(--radius-field); }
.faq-question{
  width: 100%;
  text-align: left;
  padding: var(--space-4);
  font-weight: 500;
  color: var(--taupe);
}
.faq-answer{
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  padding: 0 var(--space-4);
  font-size: .9rem;
  color: var(--taupe-soft);
}
.faq-answer.is-open{ max-height: 600px; padding: 0 var(--space-4) var(--space-4); }
.faq-contact-cta{
  margin-top: var(--space-12);
  padding: var(--space-8);
  background: var(--cream-deep);
  border-radius: var(--radius-card-sm);
  text-align: center;
}
.faq-contact-cta p{ margin-bottom: var(--space-4); }

/* --- Contact --- */
.contact-form{
  max-width: 560px;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.contact-form label{ font-size: .82rem; color: var(--taupe-soft); margin-top: var(--space-3); }
.contact-form input,
.contact-form textarea{
  border: 1px solid var(--champagne);
  border-radius: var(--radius-field);
  padding: 10px 12px;
  background: var(--white);
  font-family: var(--font-body);
}
.contact-motif-group{ display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-4) 0; }
.contact-motif-choice{
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--champagne);
  border-radius: var(--radius-pill);
  padding: 8px 16px;
  font-size: .85rem;
  color: var(--taupe-soft);
}
.contact-submit{ margin-top: var(--space-6); }

/* --- 404 --- */
.not-found-page{ text-align: center; padding: var(--space-16) 0; }
.not-found-search{
  display: flex;
  gap: var(--space-2);
  max-width: 480px;
  margin: var(--space-8) auto;
}
.not-found-search input{
  flex: 1;
  border: 1px solid var(--champagne);
  border-radius: var(--radius-field);
  padding: 12px 16px;
  background: var(--white);
}
.not-found-shortcuts{ display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); margin-bottom: var(--space-8); }
.not-found-home-link{ color: var(--taupe-soft); font-size: .9rem; }

/* --- Recherche --- */
.search-bar{ display: flex; gap: var(--space-2); margin: var(--space-6) 0; max-width: 560px; }
.search-bar input{
  flex: 1;
  border: 1px solid var(--champagne);
  border-radius: var(--radius-field);
  padding: 12px 16px;
  background: var(--white);
}
.search-quick-filters{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-8); }

.about-ctas{ margin-top: var(--space-8); }

@media (min-width: 768px){
  .not-found-shortcuts{ flex-wrap: nowrap; }
}