/* ===== FAQ modern (se adauga DUPA styles.css) ===== */
:root{
  --faq-bg:#ffffff;
  --faq-border:#e5e7eb;
  --faq-text:#0f172a;
  --faq-muted:#64748b;
  --faq-brand:#000608;    /* albastru site (theme-color) */
  --faq-accent:#e11d48;   /* rosu reducere */
  --faq-radius:14px;
  --faq-shadow:0 8px 24px rgba(0, 2, 10, 0.08);
}

@media (prefers-color-scheme: dark){
  /*
  :root{
    --faq-bg:#0b1220;
    --faq-border:#1f2937;
    --faq-text:#e5e7eb;
    --faq-muted:#94a3b8;
    --faq-shadow:0 8px 28px rgba(0,0,0,.35);
  }
    */
}

#faq{
  max-width:920px;
  margin:40px auto;
}

#faq h2{
  text-align:center;
  margin-bottom:18px;
}

#faq details{
  background:var(--faq-bg);
  border:1px solid var(--faq-border);
  border-radius:var(--faq-radius);
  box-shadow:var(--faq-shadow);
  overflow:hidden; /* pentru ripple/indicator */
}

#faq details + details{ margin-top:14px; }

#faq summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  font-weight:700;
  color:var(--faq-text);
  position:relative;
  user-select:none;
  outline:none;
}

/* elimina triunghiul nativ */
#faq summary::-webkit-details-marker{ display:none; }

/* chevron custom */
#faq summary::after{
  content:"";
  margin-left:auto;
  width:18px; height:18px;
  mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  background: var(--faq-brand);
  transition: transform .25s ease;
}

#faq details[open] summary::after{ transform:rotate(180deg); }

/* indicator lateral subtil (aliniaza cu stilul barei tale urgente) */
#faq summary::before{
  content:"";
  width:4px;
  align-self:stretch;
  background:linear-gradient(180deg,var(--faq-accent), var(--faq-brand));
  border-radius:0 2px 2px 0;
  position:absolute;
  left:0; top:0; bottom:0;
  opacity:.9;
}

/* stare hover/focus accesibila */
#faq summary:hover{ background:rgba(14,165,233,.06); }
#faq summary:focus-visible{
  box-shadow:0 0 0 3px rgba(14,165,233,.35) inset;
  border-radius:var(--faq-radius);
}

/* continut raspuns */
#faq details > p{
  margin:0;
  padding:0 18px 18px 22px;
  color:var(--faq-muted);
  line-height:1.55;
}

/* animatie deschidere/inchidere (fara JS optional) */
#faq details[open] > *:not(summary){
  animation:faq-reveal .24s ease;
}
@keyframes faq-reveal{
  from{ opacity:0; transform:translateY(-4px); }
  to{ opacity:1; transform:translateY(0); }
}

/* butoane utilitare inline (copiere link, expand all) */
.faq-actions{
  display:flex; justify-content:center; gap:10px;
  margin:6px 0 20px;
}
.faq-btn{
  appearance:none; border:1px solid var(--faq-border); background:#fff; color:#111827;
  padding:8px 12px; border-radius:10px; font-weight:600; cursor:pointer;
  box-shadow:0 2px 8px rgba(2,6,23,.06);
}
.faq-btn:hover{ background:rgba(14,165,233,.08); border-color:#cbd5e1; }
.faq-btn:active{ transform:translateY(1px); }

/* mod compact pe mobil */
@media (max-width:640px){
  #faq summary{ padding:14px 14px; }
  #faq details > p{ padding:0 14px 14px 18px; }
}