/* Dark-theme layer for FAQ, policy documents and Smart TV guides.
 * Kept separate from the cabinet theme so the light presentation remains intact. */

html[data-theme="dark"] .ttv-faq,
html[data-theme="dark"] .ttv-quicknav,
html[data-theme="dark"] .ttv-step-card,
html[data-theme="dark"] :is(.static-terms, .static-privacy) {
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] .ttv-faq .ttv-step-card,
html[data-theme="dark"] .ttv-quicknav.card,
html[data-theme="dark"] .ttv-step-card {
  border: 1px solid var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-surface, #0f1c26);
  color: var(--app-ink, #f8fafc);
  box-shadow: var(--app-shadow, 0 18px 50px rgba(0, 0, 0, .28));
}

html[data-theme="dark"] .ttv-faq .ttv-step-title,
html[data-theme="dark"] :is(.ttv-quicknav, .ttv-step-card) .ttv-step-title {
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] .ttv-faq .ttv-step-text,
html[data-theme="dark"] :is(.ttv-quicknav, .ttv-step-card) .ttv-step-text,
html[data-theme="dark"] .ttv-step-card .text-muted {
  color: var(--app-muted, #a7b1ba) !important;
}

html[data-theme="dark"] .ttv-faq .ttv-step-num,
html[data-theme="dark"] :is(.ttv-quicknav, .ttv-step-card) .ttv-step-num {
  border: 1px solid var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-soft, #182936);
  color: var(--app-link, #55c7f4);
  box-shadow: none;
}

html[data-theme="dark"] .ttv-faq .ttv-thumb,
html[data-theme="dark"] .ttv-step-card .ttv-thumb {
  border-color: var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-soft, #182936);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .2);
}

html[data-theme="dark"] .ttv-faq .ttv-thumb-num,
html[data-theme="dark"] .ttv-step-card .ttv-thumb-num {
  color: var(--app-ink, #f8fafc);
  background: var(--app-soft-strong, #212f3a);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .28), inset 0 0 0 1px var(--app-border, rgba(255, 255, 255, .1));
}

html[data-theme="dark"] .ttv-qbtn {
  border-color: var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-soft, #182936);
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] .ttv-qbtn:hover {
  border-color: rgba(85, 199, 244, .5);
  background: var(--app-soft-strong, #212f3a);
  color: var(--app-link, #55c7f4);
}

html[data-theme="dark"] .ttv-qbtn[aria-current="true"] {
  border-color: #149bd4;
  background: #0b83b9;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(11, 131, 185, .2);
}

html[data-theme="dark"] .ttv-platform .badge-os {
  border: 1px solid rgba(85, 199, 244, .22);
  background: rgba(85, 199, 244, .12);
  color: var(--app-link, #55c7f4);
}

html[data-theme="dark"] :is(.ttv-quicknav, .ttv-step-card) .ttv-link {
  color: var(--app-link, #55c7f4);
}

html[data-theme="dark"] :is(.ttv-quicknav, .ttv-step-card) .ttv-link:hover {
  color: #8cddff;
}

html[data-theme="dark"] :is(.ttv-quicknav, .ttv-step-card) .ttv-url {
  color: var(--app-muted, #a7b1ba);
}

html[data-theme="dark"] :is(.ttv-quicknav, .ttv-step-card) .ttv-copy {
  border-color: var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-soft, #182936);
  color: var(--app-ink, #f8fafc);
  box-shadow: none;
}

html[data-theme="dark"] :is(.ttv-quicknav, .ttv-step-card) .ttv-copy:hover {
  border-color: rgba(85, 199, 244, .5);
  background: var(--app-soft-strong, #212f3a);
  color: var(--app-link, #55c7f4);
}

html[data-theme="dark"] .ttv-step-card .ttv-callout {
  border-color: var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-soft, #182936);
}

html[data-theme="dark"] .ttv-step-card .ttv-callout-warn {
  border-left-color: #f59e0b;
  background: rgba(245, 158, 11, .09);
}

html[data-theme="dark"] .ttv-step-card .ttv-callout-info {
  border-left-color: #27b3ed;
  background: rgba(39, 179, 237, .1);
}

html[data-theme="dark"] .ttv-step-card .ttv-callout .ttv-callout-title {
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] .ttv-step-card .ttv-callout .ttv-callout-text {
  color: var(--app-muted, #a7b1ba);
}

html[data-theme="dark"] :is(.static-terms, .static-privacy) {
  border-color: var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-surface, #0f1c26);
  box-shadow: var(--app-shadow, 0 18px 50px rgba(0, 0, 0, .28));
}

html[data-theme="dark"] :is(.static-terms, .static-privacy) :is(p, li) {
  color: var(--app-muted, #a7b1ba);
}

html[data-theme="dark"] :is(.static-terms, .static-privacy) :is(h1, h2, h3, strong),
html[data-theme="dark"] .static-privacy .lead {
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] :is(.static-terms, .static-privacy) :is(.terms-meta, .policy-meta) .pill {
  border-color: var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-soft, #182936);
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] .static-privacy .date {
  color: var(--app-muted, #a7b1ba);
}

html[data-theme="dark"] :is(.static-terms, .static-privacy) .callout {
  border-left-color: #27b3ed;
  background: rgba(39, 179, 237, .1);
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] :is(.static-terms, .static-privacy) .toc {
  border-color: var(--app-border, rgba(255, 255, 255, .1));
  background: var(--app-soft, #182936);
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] :is(.static-terms, .static-privacy) .toc > span {
  color: var(--app-ink, #f8fafc);
}

html[data-theme="dark"] :is(.static-terms, .static-privacy) a {
  color: var(--app-link, #55c7f4);
}