/* ===== FAQ Page (variables + conteneur) ===== */
.faq-page {
  --faq-bg: rgba(255, 255, 255, 0.05);
  --faq-border: rgba(255, 255, 255, 0.12);

  --faq-text-dim: rgba(0, 0, 0, 0.75);
  --faq-accent: #d4af37; /* doré élégant */
  --faq-radius: 14px;
  --faq-shadow: 0 7px 18px rgba(0, 0, 0, 0.25);
  --faq-shadow-mobile: 0 4px 10px rgba(0, 0, 0, 0.25);

  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 1.25rem 4rem;
  color: inherit;
  
  overflow: visible;;
  padding : 2vw;
}

/* ===== Header ===== */
.faq-page .faq-header { 
  text-align: center; 
  margin-bottom: 1rem; 
}

.faq-page .faq-subtitle { 
  margin-top: .25rem; 
  color: var(--faq-text-dim); 
}

/* ===== Search ===== */
.faq-page .faq-search {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .5rem;
  max-width: 680px;
  margin: 1.5rem auto 1rem;
}

.faq-page .faq-search input[type="search"] {
  background: var(--faq-bg);
  border: 1px solid var(--faq-border);
  padding: .85rem 1rem;
  border-radius: var(--faq-radius);
  outline: none;
  color: inherit;
}

/* Boutons (search + CTA) – base commune */
.faq-page .faq-search button,
.faq-page .faq-button {
  display: inline-block;
  padding: .85rem 1rem;
  border-radius: 10px;
  border: 1px solid var(--faq-border);
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, transform .08s ease;
}

.faq-page .faq-search button:hover,
.faq-page .faq-button:hover { 
  transform: translateY(-1px); 
}

/* Spécifique CTA */
.faq-page .faq-cta { 
  margin-top: 2rem; 
  text-align: center; 
}

.faq-page .faq-button { 
  margin-top: .35rem; 
  border-color: var(--faq-accent); 
}

.faq-page .faq-button:hover { 
  background: rgba(212, 175, 55, 0.12); 
}

/* Spécifique Search button */
.faq-page .faq-search button:hover { 
  border-color: var(--faq-accent); 
}

/* ===== Chips ===== */
.faq-page .faq-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  margin: 0 auto 1.25rem;
}

.faq-page .faq-chip {
  padding: .5rem .9rem;
  border: 1px solid var(--faq-border);
  border-radius: 999px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: border-color .2s ease, transform .08s ease;
}

.faq-page .faq-chip:hover { 
  border-color: var(--faq-accent); 
  transform: translateY(-1px); 
}

/* ===== Section titles ===== */
.faq-page .faq-section-title {
  position: relative;
  margin: 2rem 0 .75rem;
  padding-left: .8rem;
  font-size: 1.35rem;
  letter-spacing: .2px;
}

.faq-page .faq-section-title::before {
  content: "";
  position: absolute;
  left: 0; top: .35rem; bottom: .35rem;
  width: 4px;
  border-radius: 4px;
  background: var(--faq-accent);
}

/* ===== Accordion ===== */
.faq-page .faq-accordion { 
  display: grid; 
  gap: .6rem; 
}

.faq-page .faq-item {
  background: var(--faq-bg);
  border: 1px solid var(--faq-border);
  border-radius: var(--faq-radius);
  box-shadow: var(--faq-shadow);
  overflow: visible;
  margin : 2vw;
}

.faq-page .faq-item summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  user-select: none;
  padding: 1rem 1.1rem;
  
  overflow: visible;
  padding : 1vw;
}

.faq-page .faq-item summary::-webkit-details-marker { display: none; }

.faq-page .faq-q { 
  font-weight: 600; 
  line-height: 1.35; 
}

/* Caret */
.faq-page .faq-caret {
  width: 12px; 
  height: 12px;
  border-right: 2px solid var(--faq-accent);
  border-bottom: 2px solid var(--faq-accent);
  transition: transform .2s ease;
  transform: rotate(-45deg);
}

.faq-page .faq-item[open] .faq-caret { 
  transform: rotate(45deg); 
}

.faq-page .faq-a {
  padding: 0 1.1rem 1rem;
  color: var(--faq-text-dim);
  line-height: 1.6;
  border-top: 1px dashed var(--faq-border);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .faq-page { padding: 1.25rem 1rem 3rem; }
  .faq-page .faq-search { grid-template-columns: 1fr; }
  
  
  .faq-page .faq-item {
box-shadow: var(--faq-shadow-mobile);
    padding : 3%;
  margin : 3vw;
}
  
  
  
}