/* Group container */
.faqGroup {
  width: 100%;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

/* Item */
.faqItem {
  border-top: 1px solid var(--gcid-53054839-b83d-4ef0-8659-8a010e6148fd); /* couleur filet */
  overflow: hidden;
}

/* Question */
.faqQuestion {
  display: block;
  position: relative;
  cursor: pointer;
  z-index: 2;
  padding: 15px 56px 15px 20px;
  background: #62551b; /* normal */
  transition: background 0.3s;

  /* Text styling */
  font-family: 'Caveat', cursive;
  color: var(--gcid-53054839-b83d-4ef0-8659-8a010e6148fd);
  font-size: 24px; /* ajusté */
}

/* Triangle under the question */
.faqQuestion::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 15px;
  bottom: -10px;
  z-index: 1;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #62551b; /* match normal bg */
}

/* Font Awesome icons */
.faqQuestion::after {
  font-family: "FontAwesome" !important;
  font-weight: 900 !important;
  content: '\f0fe' !important;  /* fa-plus-square */
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  font-size: 20px;
  color: var(--gcid-53054839-b83d-4ef0-8659-8a010e6148fd);

  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Hover (only when closed) */
.faqQuestion:hover {
  background: #3d3404; /* exact color from screenshot */
}
.faqQuestion:hover::before {
  border-top-color: #3d3404;
}

/* Content */
.faqAnswer {
  max-height: 0;
  overflow: hidden;
  background: #fff !important;
  transition: max-height 0.7s ease;
}
.faqContent {
    padding: 1em !important;
}
.faqContent strong {
    display: inline-block;
    color:var(--gcid-secondary-color);
    padding-bottom: 1em;
}
/* Open/active state */
.faqItem:has(.faqRadio:checked) .faqAnswer { max-height: 1000px; }
.faqItem:has(.faqRadio:checked) .faqQuestion {
  background: #000; /* actif = noir */
}
.faqItem:has(.faqRadio:checked) .faqQuestion::before {
  border-top-color: #000;
}
.faqItem:has(.faqRadio:checked) .faqQuestion::after {
  font-family: "FontAwesome" !important;
  font-weight: 900 !important;
  content: '\f146' !important;  /* fa-minus-square */
  color: var(--gcid-53054839-b83d-4ef0-8659-8a010e6148fd);
}
/* Hover actif = reste noir */
.faqItem:has(.faqRadio:checked) .faqQuestion:hover {
  background: #000;
}
.faqItem:has(.faqRadio:checked) .faqQuestion:hover::before {
  border-top-color: #000;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .faqContent, .faqQuestion { transition: none; }
}

/* Small screens */
@media (max-width: 767px){
  .faqGroup { padding: 0; }
}