/* ============================================================
   FAQ Styles — Page specific overrides
   ============================================================ */

/* ── DEFAULT FAQ (dark navy — homepage & cruise pages) ─────── */
.faq-section {
  background: var(--navy);
  padding: 4rem 0;
}
.faq-section .section-label { color: var(--gold-lt); }
.faq-section .section-title { color: #fff; }
.faq-section .gold-bar {
  background: linear-gradient(90deg, var(--gold), var(--gold-lt));
  margin-left: auto; margin-right: auto; margin-top: .65rem;
}
.faq-section .accordion-item {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 10px !important;
  margin-bottom: .7rem;
  overflow: hidden;
}
.faq-section .accordion-button {
  background: transparent !important;
  color: #fff !important;
  font-weight: 600;
  font-size: .93rem;
  box-shadow: none !important;
}
.faq-section .accordion-button:not(.collapsed) { color: var(--gold-lt) !important; }
.faq-section .accordion-button::after { filter: brightness(0) invert(1) !important; }
.faq-section .accordion-body {
  color: rgba(255,255,255,.72);
  font-size: .88rem;
  line-height: 1.72;
}

/* ── BLOG FAQ (light — content ke neeche, clean white) ──────── */
.faq-section.faq-light {
  background: var(--white);
  padding: 3rem 0;
  border-top: 1px solid #e5e7eb;
}
.faq-section.faq-light .section-label { color: var(--gold); }
.faq-section.faq-light .section-title { color: var(--navy); }
.faq-section.faq-light .accordion-item {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  margin-bottom: .65rem;
}
.faq-section.faq-light .accordion-button {
  background: #fff !important;
  color: var(--navy) !important;
  font-weight: 600;
  font-size: .92rem;
}
.faq-section.faq-light .accordion-button:not(.collapsed) {
  color: var(--ocean) !important;
  background: rgba(13,59,110,.03) !important;
}
.faq-section.faq-light .accordion-button::after { filter: none !important; }
.faq-section.faq-light .accordion-body {
  color: #374151;
  font-size: .9rem;
  line-height: 1.75;
}