/* Harmonisation aux couleurs du site */
.faq-accordion .accordion-button,
.faq-accordion .card-header {
    background: linear-gradient(90deg, #1a1a1a 70%, #ff0066 110%);
    color: #fff !important;
    font-weight: 500;
    font-size: 1.15em;
    border: none;
}
.faq-accordion .card {
    border-radius: 13px;
    margin-bottom: 14px;
    border: 1px solid #ff006650;
    box-shadow: 0 3px 15px rgba(30,0,40,0.12);
    background: #18171c;
}
.faq-accordion .card-body {
    background: #222;
    color: #fff;
    border-radius: 0 0 13px 13px;
    font-size: 1.05em;
}
.faq-accordion .btn-link {
    color: #ff0066 !important;
    text-decoration: none;
}
.faq-accordion .btn-link:hover {
    color: #fff !important;
    text-shadow: 0 0 6px #ff006688;
}
.faq-accordion .faq-link a {
    color: #ff0066;
    text-decoration: underline dotted;
}
.faq-accordion .faq-link a:hover {
    color: #fff;
    background: #ff0066;
    border-radius: 5px;
    text-decoration: none;
    padding: 0 4px;
}
.faq-accordion .badge {
    background: #ff0066;
    color: #fff;
    margin-right: 7px;
    flex-shrink: 0;
    margin-bottom: 4px;
}

.faq-block {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  hyphens: auto;
}

/* ----- Ajout MAJEUR pour que le badge + texte FAQ wrappe bien sur mobile ----- */
.faq-accordion .card-header button.btn,
.faq-accordion .accordion-button {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  text-align: left;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  min-height: 48px;
}

@media (max-width: 600px) {
  .faq-accordion .card-header button.btn,
  .faq-accordion .accordion-button {
    font-size: 1rem !important;
    padding: 10px 8px !important;
  }
  .faq-block {
    font-size: 1rem;
    padding: 12px 8px;
    width: 100vw;
    max-width: 98vw;
    margin-left: -2vw;
    margin-right: -2vw;
  }
}

/* Facultatif pour renforcer le wrap partout */
.faq-block,
.faq-accordion .accordion-button {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto;
  max-width: 100vw;
  box-sizing: border-box;
  flex-wrap: wrap !important;
}