/* ==========================================================================
   Accueil — petite FAQ (placée juste après « Our Financial Partners »)

   5 questions essentielles en accordéon Bootstrap (le bundle JS est chargé
   en bas de index.php), avec un renvoi vers la page complète `faq`.

   Les variables --primaire, --primaire-fonce, --accent, --bordure et
   --texte-muet proviennent de .section-blanche (css/home-charts.css),
   qui porte aussi le fond blanc.
   ========================================================================== */

.faq-intro {
    max-width: 640px;
}

.faq-intro a {
    color: var(--accent);
    font-weight: 600;
}

/* --- Largeur de la colonne de questions ----------------------------------
   L'accordéon est placé EN DEHORS du .container dans index.php, dans un
   `.container-fluid px-3 px-md-4` : il occupe toute la largeur de la section,
   avec une marge intérieure qui passe de 1 rem à 1,5 rem au-delà de 768 px,
   pour ne pas coller aux bords de l'écran.
   Pour cela : aucun max-width, et surtout pas de `mx-auto` (Bootstrap le pose
   en !important, ce qui empêcherait l'accordéon de prendre toute la largeur). */
.faq-accueil {
    width: 100%;
}

/* --- Un item ------------------------------------------------------------- */
.faq-accueil .accordion-item {
    margin-bottom: 0.75rem;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid var(--bordure);
    border-radius: 14px;
}

.faq-accueil .accordion-item:last-child {
    margin-bottom: 0;
}

.faq-accueil .accordion-button {
    padding: 1.1rem 1.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--primaire-fonce);
    background-color: #ffffff;
    box-shadow: none;
}

.faq-accueil .accordion-button:not(.collapsed) {
    color: var(--primaire);
    background-color: rgba(0, 0, 0, 0.06);
    box-shadow: none;
}

.faq-accueil .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.faq-accueil .accordion-body {
    padding: 0 1.25rem 1.25rem;
    color: var(--texte-muet);
    font-size: 0.95rem;
    line-height: 1.7;
}

.faq-accueil .accordion-body a {
    color: var(--accent);
    font-weight: 600;
}