/* =========================
   WPPG Sections (même style que tes blocs)
   ========================= */

.wppg-sections {
  padding: 0;
  font-family: 'Quicksand', sans-serif;
}

.wppg-sections .wppg-section {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
  margin-bottom: 2.5rem;
  background: #fff;
  padding: 2rem;
}

.wppg-sections .wppg-section h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.3;
  font-family: 'Quicksand', sans-serif;
  background: linear-gradient(90deg, #16963f, #681914);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.wppg-sections .wppg-section p,
.wppg-sections .wppg-section li,
.wppg-sections .wppg-section div {
  font-size: 1.1rem;
  color: #555;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .wppg-sections .wppg-section {
    padding: 1.2rem;
  }

  .wppg-sections .wppg-section h2 {
    font-size: 1.4rem;
  }

  .wppg-sections .wppg-section p,
  .wppg-sections .wppg-section li,
  .wppg-sections .wppg-section div {
    font-size: 1rem;
  }
}

/* ===========================
   WPPG FAQ - Accordion clean
   (sans flèche / sans marker)
   =========================== */

.wppg-faq{
  margin: 40px 0;
  font-family: 'Quicksand', sans-serif;
}

.wppg-faq-title{
  font-size: 1.8rem;
  font-weight: 800;
  margin-bottom: 18px;
  background: linear-gradient(90deg, #16963f, #681914);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* bloc item */
.wppg-faq-item{
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  overflow: hidden;
  margin-bottom: 14px;
  border: 1px solid rgba(0,0,0,.06);
}

/* summary = bouton */
.wppg-faq-item > summary{
  list-style: none;                 /* supprime style */
  cursor: pointer;
  padding: 16px 18px;
  font-size: 1.05rem;
  font-weight: 700;
  color: #1d1d1d;
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(180deg, #ffffff, #fbfbfb);
  position: relative;
  user-select: none;
}

/* supprime le marker/triangle natif */
.wppg-faq-item > summary::-webkit-details-marker{ display:none; }
.wppg-faq-item > summary::marker{ content:""; }

/* petit indicateur visuel (barre) à gauche - pas une flèche */
.wppg-faq-item > summary::before{
  content:"";
  width: 6px;
  height: 26px;
  border-radius: 999px;
  background: linear-gradient(180deg, #16963f, #681914);
  flex: 0 0 6px;
}

/* hover */
.wppg-faq-item > summary:hover{
  background: linear-gradient(180deg, #ffffff, #f6fbf7);
}

/* état ouvert */
.wppg-faq-item[open] > summary{
  background: linear-gradient(180deg, #ffffff, #f3faf5);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* animation douce */
.wppg-faq-item{
  transition: transform .15s ease, box-shadow .15s ease;
}
.wppg-faq-item:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
}

/* contenu réponse */
.wppg-faq-answer{
  padding: 16px 18px 18px 18px;
  font-size: 1.05rem;
  color: #555;
  line-height: 1.7;
}

.wppg-faq-answer p{ margin: 0 0 10px 0; }
.wppg-faq-answer p:last-child{ margin-bottom: 0; }

/* focus accessibility */
.wppg-faq-item > summary:focus{
  outline: none;
}
.wppg-faq-item > summary:focus-visible{
  box-shadow: 0 0 0 4px rgba(22,150,63,.18);
  border-radius: 14px;
}

/* responsive */
@media(max-width:768px){
  .wppg-faq-title{ font-size: 1.4rem; }
  .wppg-faq-item > summary{ font-size: 1rem; padding: 14px 14px; }
  .wppg-faq-answer{ font-size: 1rem; padding: 14px 14px 16px 14px; }
}


/* ===========================
   WPPG Sections - même style
   =========================== */
.wppg-sections{
  margin: 30px 0;
  font-family: 'Quicksand', sans-serif;
}

.wppg-section{
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
  padding: 18px;
  margin-bottom: 16px;
}

.wppg-section h2{
  font-size: 1.6rem;
  font-weight: 800;
  margin: 0 0 10px 0;
  background: linear-gradient(90deg, #16963f, #681914);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.wppg-section div{
  font-size: 1.1rem;
  color: #555;
  line-height: 1.7;
}
@media(max-width:768px){
  .wppg-section h2{ font-size: 1.3rem; }
  .wppg-section div{ font-size: 1rem; }
}