/**
 * Theme bridge for guest inner pages (everything except home).
 * Loaded after page-specific CSS so html[data-theme] tokens from style.css win.
 */

/* ── Base: undo light-only body shells ── */
html[data-theme="dark"] body.sarmayech-inner-page {
  background: var(--bg);
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page #main {
  background: transparent;
  color: inherit;
}

html[data-theme="dark"] body.sarmayech-inner-page :is(
    .site-footer,
    .services-footer,
    .edu-footer,
    .room-footer,
    .inv-footer
  ) {
  border-top-color: var(--soft-border);
}

/* Shared legacy tokens (services, education, etc.) */
html[data-theme="dark"] body.sarmayech-inner-page {
  --cream: var(--bg);
  --navy: #e8f0f6;
  --ink: var(--text);
  --muted: var(--muted);
  --line: var(--soft-border);
}

html[data-theme="dark"] body.sarmayech-inner-page {
  --about-ivory: var(--bg);
  --about-ink: var(--text);
  --about-muted: var(--muted);
}

/* ── About ── */
html[data-theme="dark"] body.sarmayech-inner-page .section-light,
html[data-theme="dark"] body.sarmayech-inner-page .story,
html[data-theme="dark"] body.sarmayech-inner-page .values,
html[data-theme="dark"] body.sarmayech-inner-page .difference,
html[data-theme="dark"] body.sarmayech-inner-page .about-cta {
  background: var(--bg);
}

html[data-theme="dark"] body.sarmayech-inner-page .stats-grid article,
html[data-theme="dark"] body.sarmayech-inner-page .values-grid article,
html[data-theme="dark"] body.sarmayech-inner-page .difference-grid article {
  background: var(--surface);
  border-color: var(--soft-border);
  box-shadow: var(--shadow);
}

html[data-theme="dark"] body.sarmayech-inner-page :is(
    .story-copy h2,
    .team-copy h2,
    .section-heading h2,
    .about-cta h2,
    .values-grid h3,
    .difference-grid h3,
    .stats-grid strong
  ) {
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page :is(
    .story-copy p,
    .team-copy > p,
    .section-heading p,
    .about-cta p,
    .values-grid p,
    .difference-grid p,
    .stats-grid span,
    .team-metrics span
  ) {
  color: var(--muted);
}

html[data-theme="dark"] body.sarmayech-inner-page .team-metrics strong {
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .ghost-btn.dark {
  border-color: var(--soft-border);
  color: var(--text);
}

/* ── Services ── */
html[data-theme="dark"] body.sarmayech-inner-page :is(.section-pattern, .path, .services, .membership, .discovery, .faq) {
  background-color: var(--bg);
  background-image: none;
}

html[data-theme="dark"] body.sarmayech-inner-page .hero {
  background: var(--bg-2);
}

html[data-theme="dark"] body.sarmayech-inner-page .hero-fade {
  background: linear-gradient(
    90deg,
    var(--bg) 0%,
    var(--bg) 35%,
    rgba(6, 27, 41, 0.55) 55%,
    transparent 72%
  );
}

html[data-theme="dark"] body.sarmayech-inner-page .hero h1,
html[data-theme="dark"] body.sarmayech-inner-page .hero h2 {
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .hero p,
html[data-theme="dark"] body.sarmayech-inner-page .section-title p,
html[data-theme="dark"] body.sarmayech-inner-page .steps p {
  color: var(--muted);
}

html[data-theme="dark"] body.sarmayech-inner-page .section-title h2 {
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page :is(
    .steps li,
    .service-grid article,
    .member-features div,
    .faq details
  ) {
  background: var(--surface);
  border-color: var(--soft-border);
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .service-copy p,
html[data-theme="dark"] body.sarmayech-inner-page .member-features small {
  color: var(--muted);
}

html[data-theme="dark"] body.sarmayech-inner-page .white-btn {
  background: var(--surface-2);
  border-color: var(--soft-border);
  color: var(--text);
}

/* ── Education ── */
html[data-theme="dark"] body.sarmayech-inner-page .edu-hero {
  background: linear-gradient(180deg, var(--bg), var(--bg-2));
  border-bottom-color: var(--soft-border);
}

html[data-theme="dark"] body.sarmayech-inner-page .hero-copy h1,
html[data-theme="dark"] body.sarmayech-inner-page .hero-copy h1 strong,
html[data-theme="dark"] body.sarmayech-inner-page .section-heading h2 {
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .hero-copy p,
html[data-theme="dark"] body.sarmayech-inner-page .section-heading p {
  color: var(--muted);
}

html[data-theme="dark"] body.sarmayech-inner-page :is(
    .hero-search,
    .topic,
    .latest-item,
    .learning-card,
    .article-card,
    .faq-box,
    .newsletter
  ) {
  background: var(--surface);
  border-color: var(--soft-border);
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .topic {
  color: var(--muted);
}

html[data-theme="dark"] body.sarmayech-inner-page .topic.active,
html[data-theme="dark"] body.sarmayech-inner-page .topic:hover {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .newsletter {
  background: var(--surface-2);
}

html[data-theme="dark"] body.sarmayech-inner-page .faq-box details p {
  color: var(--muted);
}

/* Education detail */
html[data-theme="dark"] body.sarmayech-inner-page .detail-main {
  background: var(--bg);
}

html[data-theme="dark"] body.sarmayech-inner-page .detail-hero {
  border-bottom-color: var(--soft-border);
}

html[data-theme="dark"] body.sarmayech-inner-page .detail-hero h1 {
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .detail-hero p,
html[data-theme="dark"] body.sarmayech-inner-page .breadcrumb,
html[data-theme="dark"] body.sarmayech-inner-page .meta {
  color: var(--muted);
}

html[data-theme="dark"] body.sarmayech-inner-page :is(
    .detail-hero-art,
    .content-card,
    .sidebar-card,
    .module-list li
  ) {
  background: var(--surface);
  border-color: var(--soft-border);
  color: var(--text);
}

/* ── Consultation / advisory ── */
html[data-theme="dark"] body.advisory-page {
  --advisory-paper: var(--bg);
  --advisory-ink: var(--text);
  background: var(--bg);
  color: var(--text);
}

html[data-theme="dark"] body.advisory-page .advisory-path-grid li,
html[data-theme="dark"] body.advisory-page .path-glyph {
  background: var(--surface);
  border-color: var(--soft-border);
}

html[data-theme="dark"] body.advisory-page .advisory-path-grid p,
html[data-theme="dark"] body.advisory-page .advisory-path-grid h3 {
  color: var(--text);
}

html[data-theme="dark"] body.advisory-page .form-status {
  color: var(--muted);
}

html[data-theme="dark"] body.advisory-page .request-form header p {
  color: var(--muted);
}

html[data-theme="dark"] body.advisory-page .request-form h2 {
  color: var(--text);
}

/* ── Investment landings ── */
html[data-theme="dark"] body.investment-page {
  --inv-cream: var(--bg);
  --inv-ink: var(--text);
  --inv-muted: var(--muted);
  --inv-navy: #e8f0f6;
  --inv-line: var(--soft-border);
  background: var(--bg);
  color: var(--text);
}

html[data-theme="dark"] body.funds-page {
  --fund-paper: var(--bg);
  --fund-cream: var(--bg-2);
  --fund-text: var(--text);
  --fund-muted: var(--muted);
  --fund-navy: #e8f0f6;
  --fund-line: var(--soft-border);
  --fund-shadow: var(--shadow);
  background: var(--bg);
  color: var(--text);
}

html[data-theme="dark"] body.funds-page .funds-hero {
  background: var(--bg-2);
}

html[data-theme="dark"] body.funds-page .funds-hero__shade {
  background: linear-gradient(
    90deg,
    rgba(6, 27, 41, 0.12) 0%,
    rgba(6, 27, 41, 0.42) 38%,
    rgba(6, 27, 41, 0.9) 66%,
    var(--bg) 100%
  );
}

@media (max-width: 850px) {
  html[data-theme="dark"] body.funds-page .funds-hero__shade {
    background: linear-gradient(
      180deg,
      var(--bg) 0%,
      rgba(6, 27, 41, 0.88) 58%,
      rgba(6, 27, 41, 0.35)
    );
  }
}

html[data-theme="dark"] body.funds-page .funds-hero h1,
html[data-theme="dark"] body.funds-page .funds-hero h2,
html[data-theme="dark"] body.funds-page :is(
    .funds-intro__copy h2,
    .funds-why__copy h2,
    .funds-iran h2,
    .funds-heading h2,
    .funds-consult h2,
    .fund-type-grid h3,
    .metric-card-grid h3,
    .funds-steps h3
  ) {
  color: var(--text);
}

html[data-theme="dark"] body.funds-page :is(
    .funds-hero p,
    .funds-intro__copy p,
    .funds-why__copy p,
    .funds-iran p,
    .funds-heading p,
    .funds-consult p,
    .funds-intro__copy li,
    .funds-why__copy li,
    .metric-card-grid p,
    .funds-steps p,
    .funds-faq p,
    .funds-data-note,
    .funds-benefit-grid small
  ) {
  color: var(--muted);
}

html[data-theme="dark"] body.funds-page .funds-benefit-bar {
  background: var(--surface);
  border-bottom-color: var(--soft-border);
}

html[data-theme="dark"] body.funds-page .funds-section {
  background: var(--bg);
}

html[data-theme="dark"] body.funds-page .funds-section--cream {
  background: var(--bg-2);
  background-image: none;
}

html[data-theme="dark"] body.funds-page #comparison {
  background-color: var(--bg-2);
  background-image: none;
}

html[data-theme="dark"] body.funds-page #comparison + .funds-section {
  background-color: var(--bg);
  background-image: none;
}

html[data-theme="dark"] body.funds-page :is(
    .funds-benefit-grid > div,
    .fund-type-grid article,
    .funds-why__copy,
    .metric-card-grid article,
    .funds-tabs button,
    .funds-table-wrap,
    .funds-articles > a,
    .funds-faq details
  ) {
  background: var(--surface);
  border-color: var(--soft-border);
}

html[data-theme="dark"] body.funds-page .fund-type-grid article {
  background: linear-gradient(165deg, var(--surface) 0%, var(--surface-2) 72%, var(--bg-2) 100%);
  box-shadow: var(--shadow);
}

html[data-theme="dark"] body.funds-page .fund-type-grid article.featured {
  background: linear-gradient(155deg, var(--surface-2), var(--surface));
  border-color: var(--border);
}

html[data-theme="dark"] body.funds-page .fund-type-grid article > i {
  background: radial-gradient(circle, var(--surface-2) 34%, var(--surface) 61%);
  border-color: var(--soft-border);
}

html[data-theme="dark"] body.funds-page .fund-type-grid p,
html[data-theme="dark"] body.funds-page .funds-articles em {
  color: var(--muted);
}

html[data-theme="dark"] body.funds-page .funds-allocation {
  background: var(--bg-2);
}

html[data-theme="dark"] body.funds-page .funds-allocation__labels span {
  background: rgba(8, 28, 42, 0.9);
  border-color: var(--soft-border);
  color: var(--text);
}

html[data-theme="dark"] body.funds-page .funds-steps {
  background: var(--surface);
  border-color: var(--soft-border);
}

html[data-theme="dark"] body.funds-page .funds-steps article {
  background: transparent;
  border-left-color: var(--soft-border);
}

html[data-theme="dark"] body.funds-page .spark {
  border-bottom-color: var(--soft-border);
}

html[data-theme="dark"] body.funds-page .funds-table-wrap thead th {
  background: linear-gradient(145deg, #0f2f45, #0a2436);
  color: var(--text);
}

html[data-theme="dark"] body.funds-page .funds-table-wrap thead th.highlight {
  background: linear-gradient(145deg, #c9922f, #a97424);
  color: #102534;
}

html[data-theme="dark"] body.funds-page .funds-table-wrap tbody th {
  background: var(--surface-2);
  color: var(--text);
}

html[data-theme="dark"] body.funds-page .funds-table-wrap tbody tr:nth-child(even) td:not(.highlight) {
  background: rgba(255, 255, 255, 0.03);
}

html[data-theme="dark"] body.funds-page .funds-table-wrap tbody tr:hover td:not(.highlight),
html[data-theme="dark"] body.funds-page .funds-table-wrap tbody tr:hover th {
  background: rgba(230, 184, 92, 0.08);
  color: var(--text);
}

html[data-theme="dark"] body.funds-page .funds-table-wrap th,
html[data-theme="dark"] body.funds-page .funds-table-wrap td {
  border-color: var(--soft-border);
  color: var(--muted);
}

html[data-theme="dark"] body.funds-page .funds-table-wrap td.highlight {
  color: #f5dc96;
  background: rgba(230, 184, 92, 0.14);
}

html[data-theme="dark"] body.funds-page #comparison .funds-heading > span {
  background: var(--surface);
  border-color: var(--soft-border);
}

html[data-theme="dark"] body.funds-page #comparison .funds-table-wrap {
  background: var(--surface);
}

html[data-theme="dark"] body.funds-page .funds-consult__form {
  background: rgba(10, 38, 56, 0.96);
  border-color: var(--soft-border);
}

html[data-theme="dark"] body.funds-page .funds-consult__form input,
html[data-theme="dark"] body.funds-page .funds-consult__form select {
  background: var(--bg);
  border-color: var(--soft-border);
  color: var(--text);
}

html[data-theme="dark"] body.funds-page .funds-consult__form label span,
html[data-theme="dark"] body.funds-page .funds-consult__form small {
  color: var(--muted);
}

html[data-theme="dark"] body.funds-page .funds-btn--light,
html[data-theme="dark"] body.funds-page .funds-btn--outline {
  background: var(--surface);
  border-color: var(--soft-border);
  color: var(--text);
}

html[data-theme="dark"] body.funds-page .funds-tabs button.active {
  border-color: var(--gold);
}

html[data-theme="dark"] body.funds-page .funds-articles b {
  color: var(--text);
}

@media (max-width: 620px) {
  html[data-theme="dark"] body.funds-page .funds-steps {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  html[data-theme="dark"] body.funds-page .funds-steps article {
    background: var(--surface);
    border: 1px solid var(--soft-border);
  }
}

html[data-theme="dark"] body.investment-page .inv-section--soft,
html[data-theme="dark"] body.investment-page .inv-section:not(.inv-section--navy) {
  background: var(--bg);
}

html[data-theme="dark"] body.investment-page .inv-heading h2,
html[data-theme="dark"] body.investment-page .inv-copy h2,
html[data-theme="dark"] body.investment-page .inv-stat strong,
html[data-theme="dark"] body.investment-page .inv-list-card h3,
html[data-theme="dark"] body.investment-page .inv-lesson h3,
html[data-theme="dark"] body.investment-page .inv-related a {
  color: var(--text);
}

html[data-theme="dark"] body.investment-page .inv-heading p,
html[data-theme="dark"] body.investment-page .inv-copy > p,
html[data-theme="dark"] body.investment-page .inv-stat p,
html[data-theme="dark"] body.investment-page .inv-list-card li,
html[data-theme="dark"] body.investment-page .inv-lesson p,
html[data-theme="dark"] body.investment-page .inv-faq p {
  color: var(--muted);
}

html[data-theme="dark"] body.investment-page :is(
    .inv-stats,
    .inv-list-card,
    .inv-lesson,
    .inv-faq details,
    .inv-related a,
    .inv-compare__card,
    .inv-checklist__panel
  ) {
  background: var(--surface);
  border-color: var(--soft-border);
}

html[data-theme="dark"] body.investment-page .inv-kicker-card {
  background: var(--surface-2);
  color: var(--text);
}

html[data-theme="dark"] body.investment-page .inv-check {
  background: var(--surface-2);
  color: var(--muted);
}

html[data-theme="dark"] body.investment-page .inv-btn--outline {
  background: var(--surface);
  border-color: var(--soft-border);
  color: var(--text);
}

/* Editorial investment blocks (light cream sections) */
html[data-theme="dark"] body.investment-page.investment-page {
  background: var(--bg);
}

html[data-theme="dark"] body.investment-page .inv-section--soft {
  background: var(--bg-2);
}

/* ── Analysis rooms (crypto / forex / stock) ── */
html[data-theme="dark"] body.crypto-room-page,
html[data-theme="dark"] body.forex-room-page,
html[data-theme="dark"] body.stock-room-page {
  background: var(--bg);
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .room-hero {
  background: var(--bg-2);
}

html[data-theme="dark"] body.sarmayech-inner-page .room-hero__bg {
  background: linear-gradient(
      90deg,
      rgba(6, 27, 41, 0.98) 0%,
      rgba(6, 27, 41, 0.9) 40%,
      rgba(6, 27, 41, 0.35) 70%,
      transparent
    ),
    url("../images/crypto-room-bg.webp") center / cover no-repeat;
}

html[data-theme="dark"] body.sarmayech-inner-page .room-hero h1,
html[data-theme="dark"] body.sarmayech-inner-page .section-title h2,
html[data-theme="dark"] body.sarmayech-inner-page .insight-copy h2,
html[data-theme="dark"] body.sarmayech-inner-page .room-stats strong {
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .room-hero p,
html[data-theme="dark"] body.sarmayech-inner-page .section-title p,
html[data-theme="dark"] body.sarmayech-inner-page .insight-copy > p,
html[data-theme="dark"] body.sarmayech-inner-page .feature-grid p,
html[data-theme="dark"] body.sarmayech-inner-page .room-stats span {
  color: var(--muted);
}

html[data-theme="dark"] body.sarmayech-inner-page :is(
    .room-stats,
    .feature-grid article,
    .mini-grid div,
    .lesson-grid article,
    .testimonial-grid article,
    .plans-grid article,
    .hero-chips span
  ) {
  background: var(--surface);
  border-color: var(--soft-border);
}

html[data-theme="dark"] body.sarmayech-inner-page .room-outline {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] body.sarmayech-inner-page .room-faq details {
  border-top-color: var(--soft-border);
}

html[data-theme="dark"] body.sarmayech-inner-page .room-faq p {
  color: var(--muted);
}

/* Bourse markets (if page CSS present) */
html[data-theme="dark"] body.bourse-markets-page,
html[data-theme="dark"] body.bourse-symbol-page {
  background: var(--bg);
  color: var(--text);
}

html[data-theme="dark"] body.bourse-markets-page :is(.bourse-panel, .bourse-card, .bourse-table-wrap) {
  background: var(--surface);
  border-color: var(--soft-border);
  color: var(--text);
}

/* ── Unify FAQ / Contact with guest dark palette (navy + gold, not green) ── */
html[data-theme="dark"] body.sarmayech-inner-page.faq-page::before {
  background:
    radial-gradient(circle at 8% 20%, rgba(230, 184, 92, 0.07), transparent 25%),
    radial-gradient(circle at 92% 58%, rgba(39, 115, 146, 0.08), transparent 28%);
}

html[data-theme="dark"] body.sarmayech-inner-page.faq-page .site-header {
  background: var(--header) !important;
  border-color: var(--header-border) !important;
}

html[data-theme="dark"] body.sarmayech-inner-page.faq-page .nav-actions .btn-login {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--soft-border) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.sarmayech-inner-page.faq-page .desktop-nav a.active {
  color: var(--text) !important;
}

html[data-theme="dark"] body.sarmayech-inner-page.faq-page :is(
    .hero-kicker,
    .faq-hero h1 em,
    .section-icon,
    .faq-search > i
  ) {
  color: #e1b76c;
}

html[data-theme="dark"] body.sarmayech-inner-page.faq-page .hero-kicker {
  background: rgba(225, 183, 108, 0.12);
}

html[data-theme="dark"] body.sarmayech-inner-page.faq-page .category-list button.active,
html[data-theme="dark"] body.sarmayech-inner-page.faq-page .faq-item[open] summary {
  color: #f2c675;
}

html[data-theme="dark"] body.sarmayech-inner-page.faq-page .sidebar-help {
  background: linear-gradient(135deg, var(--surface-2), var(--bg-2));
  border: 1px solid var(--soft-border);
}

html[data-theme="dark"] body.sarmayech-inner-page.contact-page .contact-hero__copy .eyebrow {
  color: #e1b76c;
}

/* FAQ course thumbs — img may be wrapped in <picture> by media transformer */
body.sarmayech-inner-page.faq-page .course-card > :is(img, picture) {
  display: block;
  width: 100%;
  flex: none;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

body.sarmayech-inner-page.faq-page .course-card picture img,
body.sarmayech-inner-page.faq-page .course-card > img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  object-position: center;
  display: block;
}

body.sarmayech-inner-page.faq-page .course-grid {
  align-items: start;
}