/* Page styles for faq.astro (ported from its scoped <style> block). */

/* ── Background Glow Orbs ──────────────────────────── */
.faq-glow-navy {
  position: absolute;
  top: -5%;
  right: -10%;
  width: 55vw;
  height: 55vw;
  background: radial-gradient(circle, rgba(31, 45, 92, 0.12) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
}
.faq-glow-gold {
  position: absolute;
  bottom: 30%;
  left: -10%;
  width: 45vw;
  height: 45vw;
  background: radial-gradient(circle, rgba(242, 182, 54, 0.05) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
}

/* ── Sidebar Links ─────────────────────────────────── */
.sidebar-link {
  color: var(--color-text-muted);
}
.sidebar-link:hover,
.sidebar-link--active {
  color: var(--color-on-surface);
}
.sidebar-link .sidebar-dot {
  background: transparent;
  border: 1px solid rgba(242, 182, 54, 0.3);
}
.sidebar-link--active .sidebar-dot,
.sidebar-link:hover .sidebar-dot {
  background: var(--color-gold);
  border-color: var(--color-gold);
  box-shadow: 0 0 8px rgba(242, 182, 54, 0.6);
}

/* ── FAQ Accordion Cards ───────────────────────────── */
.faq-item {
  background: var(--color-surface-low);
  border: 1px solid rgba(79, 70, 55, 0.2);
  border-radius: var(--radius-ui);
  transition: background var(--dur-mid) var(--ease-pop), border-color var(--dur-mid) var(--ease-pop), transform var(--dur-mid) var(--ease-pop);
  overflow: hidden;
}
.faq-item:hover,
.faq-item[open] {
  background: var(--color-surface-container);
  border-color: rgba(242, 182, 54, 0.2);
}
.faq-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--glow-gold);
}

.faq-summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem 2rem;
  cursor: pointer;
  list-style: none;
  gap: 1rem;
  user-select: none;
}
/* Remove default browser disclosure triangle */
.faq-summary::-webkit-details-marker {
  display: none;
}
.faq-summary::marker {
  display: none;
}

/* DISABLED — never applied on the Astro site (its scoped styles didn't reach the <Icon> SVG).
   Kept for parity; uncomment to restore the originally intended look. */
/*
.faq-icon {
  color: rgba(242, 182, 54, 0.5);
  transition: transform var(--dur-mid) var(--ease-pop), color var(--dur-fast) var(--ease-pop);
  margin-top: 2px;
}
*/
/* DISABLED — never applied on the Astro site (its scoped styles didn't reach the <Icon> SVG).
   Kept for parity; uncomment to restore the originally intended look. */
/*
.faq-item[open] .faq-icon {
  transform: rotate(180deg);
  color: var(--color-gold) !important;
}
*/

.faq-body {
  padding: 0 2rem 1.5rem 2rem;
}

/* ── CTA Card ──────────────────────────────────────── */
.faq-cta-card {
  background: var(--color-surface-high);
  border: 1px solid rgba(79, 70, 55, 0.25);
  border-radius: 1.5rem;
}