/**
 * FAQ page dark theme — valid CSS, scoped to html[data-theme="dark"] .faq-page
 * Base surfaces/text use tokens in faq.css; this file handles overrides and Webflow conflicts.
 */

html[data-theme="dark"] .faq-page.body {
  color: var(--black);
  background: var(--surface);
}

html[data-theme="dark"] .faq-page .section.grey.faq-hero {
  background: var(--library-bg);
}

html[data-theme="dark"] .faq-page .faq-hero-panel,
html[data-theme="dark"] .faq-page .faq-hero-meta {
  background: var(--card-bg);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .faq-page .faq-hero-copy h1,
html[data-theme="dark"] .faq-page .faq-hero-meta-value,
html[data-theme="dark"] .faq-page .highlight-number,
html[data-theme="dark"] .faq-page .faq-question,
html[data-theme="dark"] .faq-page .faq-question span,
html[data-theme="dark"] .faq-page .faq-category h2,
html[data-theme="dark"] .faq-page .faq-search::before,
html[data-theme="dark"] .faq-page .quick-answers-header h2,
html[data-theme="dark"] .faq-page .quick-answer-card h3,
html[data-theme="dark"] .faq-page .quick-answer-card-footer,
html[data-theme="dark"] .faq-page .quick-answers-note strong,
html[data-theme="dark"] .faq-page .search-result-item,
html[data-theme="dark"] .faq-page .faq-answer strong,
html[data-theme="dark"] .faq-page .faq-answer-next-step strong {
  color: var(--black);
}

html[data-theme="dark"] .faq-page .faq-hero-lead,
html[data-theme="dark"] .faq-page .faq-hero .subtitle,
html[data-theme="dark"] .faq-page .faq-hero-meta-label,
html[data-theme="dark"] .faq-page .faq-category-copy,
html[data-theme="dark"] .faq-page .faq-answer,
html[data-theme="dark"] .faq-page .faq-answer p,
html[data-theme="dark"] .faq-page .faq-answer li,
html[data-theme="dark"] .faq-page .quick-answers-header p,
html[data-theme="dark"] .faq-page .quick-answer-card p,
html[data-theme="dark"] .faq-page .quick-answers-footnote,
html[data-theme="dark"] .faq-page .quick-answers-note span,
html[data-theme="dark"] .faq-page .related-questions h5,
html[data-theme="dark"] .faq-page .answer-feedback p,
html[data-theme="dark"] .faq-page .faq-answer-next-step {
  color: var(--body-display);
}

html[data-theme="dark"] .faq-page .faq-section,
html[data-theme="dark"] .faq-page .faq-categories-nav,
html[data-theme="dark"] .faq-page .faq-search,
html[data-theme="dark"] .faq-page .quick-answers,
html[data-theme="dark"] .faq-page .faq-category,
html[data-theme="dark"] .faq-page .faq-item,
html[data-theme="dark"] .faq-page .quick-answer-card,
html[data-theme="dark"] .faq-page .quick-answers-note,
html[data-theme="dark"] .faq-page .quick-answers-eyebrow,
html[data-theme="dark"] .faq-page .faq-search-input,
html[data-theme="dark"] .faq-page .search-results-container,
html[data-theme="dark"] .faq-page .faq-category-label {
  background: var(--card-bg);
  border-color: var(--border-subtle);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .faq-page .faq-categories-nav a,
html[data-theme="dark"] .faq-page .related-questions a,
html[data-theme="dark"] .faq-page .feedback-btn {
  background: var(--surface-3);
  border-color: var(--border-subtle);
  color: var(--black);
}

html[data-theme="dark"] .faq-page .faq-item:hover,
html[data-theme="dark"] .faq-page .faq-item.active {
  background: var(--surface-elevated);
  border-color: var(--border-soft);
}

html[data-theme="dark"] .faq-page .faq-question:hover,
html[data-theme="dark"] .faq-page .faq-item.active .faq-question {
  background-color: var(--calc-accent-muted);
}

html[data-theme="dark"] .faq-page .faq-categories-nav a:hover,
html[data-theme="dark"] .faq-page .faq-categories-nav a.active,
html[data-theme="dark"] .faq-page .faq-categories-nav a[aria-current="location"] {
  background: var(--calc-accent);
  border-color: var(--calc-accent);
  color: #fff;
}

html[data-theme="dark"] .faq-page .faq-categories-nav a::before {
  display: none;
}

html[data-theme="dark"] .faq-page .inline-link,
html[data-theme="dark"] .faq-page .faq-answer a {
  color: var(--blue-fisagency);
}

html[data-theme="dark"] .faq-page .inline-link:hover,
html[data-theme="dark"] .faq-page .faq-answer a:hover {
  color: var(--black);
}

html[data-theme="dark"] .faq-page .related-questions a:hover {
  background: var(--calc-accent);
  border-color: var(--calc-accent);
  color: #fff;
}

html[data-theme="dark"] .faq-page .faq-answer-next-step {
  background: var(--surface-3);
  border-color: var(--border-subtle);
}

html[data-theme="dark"] .faq-page .faq-answer li::marker {
  color: var(--blue-fisagency);
}

html[data-theme="dark"] .faq-page .faq-toggle {
  background-color: var(--calc-accent-muted);
}

html[data-theme="dark"] .faq-page .faq-toggle::before,
html[data-theme="dark"] .faq-page .faq-toggle::after {
  background-color: var(--blue-fisagency);
}

html[data-theme="dark"] .faq-page .faq-item.active .faq-toggle {
  background-color: var(--calc-accent);
}

html[data-theme="dark"] .faq-page .faq-item.active .faq-toggle::before,
html[data-theme="dark"] .faq-page .faq-item.active .faq-toggle::after {
  background-color: #fff;
}

html[data-theme="dark"] .faq-page .related-questions,
html[data-theme="dark"] .faq-page .faq-item.active .faq-answer,
html[data-theme="dark"] .faq-page .answer-feedback {
  border-color: var(--border-subtle);
}

html[data-theme="dark"] .faq-page .search-result-item:hover,
html[data-theme="dark"] .faq-page .search-result-item.active {
  background: var(--calc-accent-muted);
}

html[data-theme="dark"] .faq-page .quick-answer-card-kicker,
html[data-theme="dark"] .faq-page .quick-answers-eyebrow {
  color: var(--blue-fisagency);
  background: var(--calc-accent-muted);
}

html[data-theme="dark"] .faq-page .quick-answer-card:hover,
html[data-theme="dark"] .faq-page .quick-answer-card:focus-visible {
  border-color: var(--border-soft);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .faq-page .feedback-btn.selected {
  border-color: var(--calc-accent);
  background: var(--calc-accent-muted);
}

html[data-theme="dark"] .faq-page .scroll-progress {
  background: var(--border-subtle);
}

html[data-theme="dark"] .faq-page .scroll-progress-bar {
  background: var(--blue-fisagency);
}

html[data-theme="dark"] .faq-page .home-link {
  background: var(--surface-3);
  border-color: var(--border-subtle);
  color: var(--black);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .faq-page .home-link:visited {
  color: var(--black);
}

html[data-theme="dark"] .faq-page .home-link:hover,
html[data-theme="dark"] .faq-page .home-link:focus-visible {
  background: var(--calc-accent);
  border-color: var(--calc-accent);
  color: #fff;
}

html[data-theme="dark"] .faq-page .home-link:hover:visited {
  color: #fff;
}

html[data-theme="dark"] .faq-page .faq-categories-nav a {
  box-shadow: none;
}

html[data-theme="dark"] .faq-page .faq-categories-nav {
  backdrop-filter: blur(18px);
}

html[data-theme="dark"] .faq-page main {
  background: transparent;
}

/* Bottom CTA: glass secondary card instead of white */
html[data-theme="dark"] .faq-page .faq-contact-path-secondary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

html[data-theme="dark"] .faq-page .faq-contact-path-secondary h4,
html[data-theme="dark"] .faq-page .faq-contact-path-secondary .faq-contact-path-heading p,
html[data-theme="dark"] .faq-page .faq-contact-path-secondary .faq-contact-path-points li {
  color: rgba(255, 255, 255, 0.82);
}

html[data-theme="dark"] .faq-page .faq-contact-path-secondary .faq-contact-path-badge-muted {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
}

html[data-theme="dark"] .faq-page .faq-contact-path-secondary .faq-contact-path-icon {
  background: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .faq-page .faq-contact-path-secondary .faq-contact-path-points li::before {
  background: rgba(255, 255, 255, 0.72);
}

html[data-theme="dark"] .faq-page .faq-contact-path-secondary .faq-contact-path-cta {
  background: rgba(255, 255, 255, 0.92);
  color: #111729;
}

/* Footer */
html[data-theme="dark"] .faq-page .section.no-padding {
  background: var(--surface);
  border-top-color: var(--border-subtle);
}

html[data-theme="dark"] .faq-page .footer-wrapper,
html[data-theme="dark"] .faq-page .footer-content,
html[data-theme="dark"] .faq-page .footer-credits {
  background: transparent;
}

html[data-theme="dark"] .faq-page .footer-brand h2,
html[data-theme="dark"] .faq-page .footer-box-title h3 {
  color: var(--black);
}

html[data-theme="dark"] .faq-page .footer-wrapper .body-display,
html[data-theme="dark"] .faq-page .footer-wrapper .subtitle,
html[data-theme="dark"] .faq-page .footer-box-title .body-display,
html[data-theme="dark"] .faq-page .footer-box-bottom .subtitle,
html[data-theme="dark"] .faq-page .footer-tool-link .tool-text,
html[data-theme="dark"] .faq-page .legal-link div {
  color: var(--body-display);
}

html[data-theme="dark"] .faq-page .footer-box {
  background: var(--card-bg);
  border-color: var(--border-subtle);
  color: var(--black);
}

html[data-theme="dark"] .faq-page .footer-box-bottom {
  border-top-color: var(--border-subtle);
}

html[data-theme="dark"] .faq-page .footer-tool-link,
html[data-theme="dark"] .faq-page .outline-button.w-inline-block {
  background: var(--surface-3);
  border-color: var(--border-soft);
  color: var(--black);
}

html[data-theme="dark"] .faq-page .outline-button .button-text {
  color: inherit;
}

html[data-theme="dark"] .faq-page .footer-tool-link:hover,
html[data-theme="dark"] .faq-page .outline-button.w-inline-block:hover {
  background: var(--surface-elevated);
  border-color: var(--calc-accent);
  color: var(--black);
}

html[data-theme="dark"] .faq-page .footer-tool-link:hover .tool-text {
  color: var(--black);
}

html[data-theme="dark"] .faq-page .tool-icon {
  background: var(--surface-3);
  border-color: var(--border-subtle);
}

html[data-theme="dark"] .faq-page .verticle-line,
html[data-theme="dark"] .faq-page .hover-line,
html[data-theme="dark"] .faq-page .left-line {
  background: var(--border-subtle);
}

html[data-theme="dark"] .faq-page .line-fill {
  background: var(--blue-fisagency);
}

html[data-theme="dark"] .faq-page .legal-link:hover,
html[data-theme="dark"] .faq-page .legal-link:hover div {
  color: var(--black);
}

/* System preference fallback before/at toggle */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .faq-page.body {
    color: var(--black);
    background: var(--surface);
  }

  html:not([data-theme="light"]) .faq-page .section.grey.faq-hero {
    background: var(--library-bg);
  }

  html:not([data-theme="light"]) .faq-page .faq-question,
  html:not([data-theme="light"]) .faq-page .faq-question span {
    color: var(--black);
  }

  html:not([data-theme="light"]) .faq-page .faq-section,
  html:not([data-theme="light"]) .faq-page .faq-categories-nav,
  html:not([data-theme="light"]) .faq-page .faq-search,
  html:not([data-theme="light"]) .faq-page .quick-answers,
  html:not([data-theme="light"]) .faq-page .faq-category,
  html:not([data-theme="light"]) .faq-page .faq-item,
  html:not([data-theme="light"]) .faq-page .quick-answer-card,
  html:not([data-theme="light"]) .faq-page .faq-hero-panel,
  html:not([data-theme="light"]) .faq-page .faq-hero-meta {
    background: var(--card-bg);
    border-color: var(--border-subtle);
  }

  html:not([data-theme="light"]) .faq-page .faq-search-input,
  html:not([data-theme="light"]) .faq-page .search-results-container,
  html:not([data-theme="light"]) .faq-page .quick-answers-note,
  html:not([data-theme="light"]) .faq-page .quick-answers-eyebrow,
  html:not([data-theme="light"]) .faq-page .faq-category-label {
    background: var(--surface-elevated);
    border-color: var(--border-subtle);
  }

  html:not([data-theme="light"]) .faq-page .section.no-padding {
    background: var(--footer-bg);
    border-top-color: var(--border-subtle);
  }

  html:not([data-theme="light"]) .faq-page .home-link {
    background: var(--surface-3);
    border-color: var(--border-subtle);
    color: var(--black);
  }
}