/* === Palette proche de la maquette === */
:root{
    --faq-border:#78B59B;       /* vert du contour */
    --faq-head-bg:#f7fbf8;      /* header très clair */
    --faq-bg:#faf9f5;           /* fond du bloc */
    --faq-sep:#cfe8da;          /* ligne de séparation */
    --faq-text:#224955;         /* texte question */
  }
  
  /* conteneur + titre */
  .lnkfaqs{max-width:1120px;margin:0 auto;}
  .lnkfaqs__title{font-size:2.4rem;line-height:1.2;text-align:center;margin:16px 0 24px;}
  
  /* liste */
  .lnkfaqs__list{display:grid;gap:16px;}
  
  /* carte */
  .lnkfaqs__item{
    border:3px solid var(--faq-border);
    border-radius:24px;
    background:var(--faq-bg);
    overflow:hidden;
  }

  /* On unifie les fonds et on supprime tout border pendant l'animation */
.lnkfaqs__item{ background: var(--faq-head-bg) !important; }
.lnkfaqs__q,
.lnkfaqs__a,
.lnkfaqs__a.is-open{
  border: 0 !important;
  box-shadow: none !important;
}

/* Crée la fine ligne via un pseudo-élément (aucun flicker) */
.lnkfaqs__a{
  position: relative;
  overflow: hidden;
  background: var(--faq-head-bg);
}
.lnkfaqs__a::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  background: var(--faq-sep);
  opacity:0;                /* invisible par défaut */
  transition: opacity .2s;  /* pas de saut visuel */
}

/* Afficher la ligne UNIQUEMENT si le 1er item est ouvert */
.lnkfaqs .lnkfaqs__list > .lnkfaqs__item:first-of-type .lnkfaqs__a.is-open::before{
  opacity:1;
}

/* Anti “surbrillance” mobile / focus qui change la couleur */
.lnkfaqs__q{
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}
.lnkfaqs__q:focus, .lnkfaqs__q:active{ background: var(--faq-head-bg) !important; }

  
  /* entête (question) */
  .lnkfaqs__q{
    width:100%;
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 22px;
    background:var(--faq-head-bg);
    border:0;cursor:pointer;
    text-align:left;
    outline: none;
    box-shadow: none;
  }

  .lnkfaqs__q:focus,
  .lnkfaqs__q:active {
    background: var(--faq-head-bg);
    outline: none;
    box-shadow: none;
  }


  .lnkfaqs__q-text{color:var(--faq-text);font-weight:700;font-size:1.1rem;}
  .lnkfaqs__icon{width:auto;height:auto;line-height:1;}
  .lnkfaqs__plus,.lnkfaqs__minus{
    font-weight:900;font-size:22px; /* petit comme la maquette */
    color:var(--faq-text);
  }
  .lnkfaqs__minus{display:none;}
  .lnkfaqs__q[aria-expanded="true"] .lnkfaqs__plus{display:none;}
  .lnkfaqs__q[aria-expanded="true"] .lnkfaqs__minus{display:inline;}
  
  /* contenu */
  .lnkfaqs__a{
    max-height:0;overflow:hidden;transition:max-height .35s ease;
    /* ajoute une fine ligne quand c'est ouvert (comme la maquette) */
    border-top:0 solid transparent;
  }
  .lnkfaqs__a.is-open{
    max-height:900px;
    border-top:1px solid var(--faq-sep);
  }
  .lnkfaqs__a-inner{padding:18px 22px;color:#2e2e2e;}
  .lnkfaqs__a-inner p{margin:0 0 8px;}