/* ============================================================
   IciOnDeal — Carrousel d'aperçu FAQ (faqp-)
   Réplique fidèle de la maquette fournie : en-tête "FAQ / View more",
   cartes fond lavande clair, titre tronqué 1 ligne, description
   tronquée 2 lignes, défilement horizontal avec effet "peek".
   ============================================================ */

.faqp-section{
  width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;
  padding:32px var(--page-px,16px);
  /* body{display:flex;flex-direction:column} (sticky footer) : sans width:100% explicite,
     "margin:0 auto" désactive le stretch flexbox et la section se dimensionne sur le
     min-content du carrousel non wrappable (cartes flex-shrink:0) au lieu du viewport. */
}

.faqp-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding-bottom:14px;
  border-bottom:1px solid var(--ds-border-light);
  margin-bottom:16px;
}
.faqp-title{
  margin:0;font-family:'Poppins',sans-serif;font-weight:700;
  font-size:1.375rem;color:var(--ds-text);
}
.faqp-more{
  display:inline-flex;align-items:center;gap:2px;flex-shrink:0;
  font-family:'Poppins',sans-serif;font-size:.9375rem;font-weight:500;
  color:var(--ds-text);text-decoration:none;
  transition:color .15s;
}
.faqp-more svg{stroke:var(--ds-text);transition:stroke .15s;}
.faqp-more:hover{color:var(--ds-primary);}
.faqp-more:hover svg{stroke:var(--ds-primary);}

.faqp-scroll{
  display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  padding:2px 2px 6px;margin:0 -2px;
}
.faqp-scroll::-webkit-scrollbar{display:none;}

.faqp-card{
  flex:0 0 auto;width:clamp(150px,45vw,220px);
  scroll-snap-align:start;
  background:#E7EBFC;border-radius:16px;padding:16px;
  text-decoration:none;display:block;
}
.faqp-card--static{cursor:default;}
.faqp-card__q{
  font-family:'Poppins',sans-serif;font-weight:700;font-size:.9375rem;
  color:#111111;line-height:1.3;margin:0;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.faqp-card__a{
  margin-top:6px;font-family:'Roboto',sans-serif;font-size:.8125rem;
  color:#6b6b76;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

@media (min-width:640px){
  .faqp-card{width:230px;}
}

/* ---------- Mode sombre ---------- */
:root[data-theme="dark"] .faqp-head{border-color:var(--ds-border-light);}
:root[data-theme="dark"] .faqp-card{background:#232842;}
:root[data-theme="dark"] .faqp-card__q{color:#f0f1f3;}
:root[data-theme="dark"] .faqp-card__a{color:#9a9fa8;}

@media (prefers-reduced-motion: reduce){
  .faqp-scroll{scroll-behavior:auto;}
}