/* assets/css/custom-faq.css */

/* FAQ Section wrapper */
.faq-section { background: #f2f4f7; padding: 72px 0; color: #334155; }

/* Heading */
.faq-section .text-center h2 { color: #111827; font-weight: 800; letter-spacing: 0.4px; }
.faq-section .text-center p { color: #4b5563; font-size: 16px; }

/* FAQ list - each row is a single question */
.faq-list { margin-top: 28px; display:flex; flex-direction:column; gap:16px; }

/* FAQ item card */
.faq-item {
  background:#ffffff;
  padding:18px 20px;
  border-radius:12px;
  border:1px solid #e6eef3;
  box-shadow:0 6px 18px rgba(16,24,40,0.04);
}

/* Summary (question) */
.faq-item summary {
  font-weight:700;
  color:#0f172a;
  cursor:pointer;
  list-style:none;
  outline:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:16px;
}

/* Answer */
.faq-item div { margin-top:12px; color:#374151; line-height:1.7; font-size:15px; }

/* Chevron/arrow */
.faq-arrow { font-size:18px; color:#6b7280; transform:rotate(0deg); transition:transform .18s ease; }

/* Rotate arrow when details is open */
.faq-item[open] .faq-arrow { transform: rotate(90deg); }

/* CTA button override */
.faq-section .btn { background:#001e62; color:#fff; padding:12px 28px; font-weight:700; border-radius:8px; text-decoration:none; display:inline-block; }

/* Accessibility improvements */
.faq-item summary::-webkit-details-marker { display:none; }