/*///////////////////////////////////////////--------------------------------*/

/* FAQ RECO */
.reco {
    width: 100%;
    background: var(--blanc-2);

    padding-bottom: clamp(2rem, 0.557rem + 5.3691vw, 7rem);
    justify-content: center; /* centre les items sur la ligne */
  }
  
  .container {
    flex-wrap: wrap;
    width: 95%;
    max-width: 1600px;
    margin-inline: auto; /* centre la boîte */
  }
  
  
  
  /* ////////////////////////////////////////// -------------------------------*/
  /* Protection pour votre menu nav */
  
  
  /* Style uniquement pour les details de contenu */
  details:not(nav details):not(.nav) {
    background: white;
    border-radius: 6px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
  }
  
  details:not(nav details):not(.nav) summary {
    padding: 1rem 1.25rem;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    list-style: none;
    display: flex;
    align-items: center;
    padding-right: clamp(1.5rem, 4vw, 2.5rem);
    /* Padding à droite maintenant */
    transition: all 0.3s ease;
    min-height: 44px;
  }
  
  details:not(nav details):not(.nav) summary::-webkit-details-marker {
    display: none;
  }
  
  /* Point indicateur à DROITE */
  details:not(nav details):not(.nav) summary::before {
    content: '';
    position: absolute;
    right: clamp(1rem, 3vw, 1.25rem);
    /* À droite maintenant */
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: var(--gris-neutre);
    border-radius: 50%;
    transition: background-color 0.3s ease;
  }
  
  details:not(nav details):not(.nav)[open] summary::before {
    background: #2ecc71;
  }
  
  /* Texte "Lire plus/moins" à GAUCHE */
  details:not(nav details):not(.nav) summary .action-text {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.9rem;
    color: var(--gris-neutre);
    font-weight: 500;
    /* Plus de margin-left: auto */
  }
  
  details:not(nav details):not(.nav) summary .action-text::before {
    content: "Lire plus";
  }
  
  details:not(nav details):not(.nav)[open] summary .action-text::before {
    content: "Lire moins";
  }
  
  /* Signe + et - à GAUCHE aussi (après le texte) */
  details:not(nav details):not(.nav) summary .action-text::after {
    content: '+';
    font-size: 1.1rem;
    font-weight: 300;
    color: #2ecc71;
    transition: color 0.3s ease;
  }
  
  details:not(nav details):not(.nav)[open] summary .action-text::after {
    content: '−';
    color: #e74c3c;
  }
  
  /* Contenu garde son padding normal */
  .details-content {
    padding: 0 1.25rem 1rem;
    border-top: 1px solid #f0f0f0;
    color: #555;
  }
  
  .details-content p {
    margin-bottom: 0.875rem;
  }
  
  .details-content p:last-child {
    margin-bottom: 0;
  }
  
  .details-content ul {
    margin-bottom: 0.875rem;
    padding-left: 1.25rem;
  }
  
  .details-content li {
    margin-bottom: 0.375rem;
  }
  
  details:not(nav details):not(.nav)[open] .details-content {
    animation: fadeIn 0.3s ease;
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }