/**
 * Theme V2 fragment: il tema WP (es. Blocksy) applica tipografia “blog chiaro” su .entry-content.
 * L’app è un fragment senza #tc-app-root: qui ripristiniamo testo/titoli leggibili su sfondo scuro.
 * Scope: solo #tc-theme-v2-column-wrap. Non tocca header/footer tema né annunci.
 */

body.tarot-clash-royale-php #tc-theme-v2-column-wrap {
  color: var(--fg);
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap :where(
  h1,
  h2,
  h4,
  h5,
  h6,
  .tc-page-title,
  .tc-section-title,
  .wp-block-heading,
  .card-name
) {
  color: var(--fg) !important;
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap :where(h3) {
  color: var(--muted) !important;
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap :where(
  p,
  li,
  dd,
  dt,
  blockquote,
  figcaption,
  label,
  legend,
  caption,
  th,
  td,
  summary,
  small,
  .lead
) {
  color: var(--fg);
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap :where(.muted, .tc-muted) {
  color: var(--muted) !important;
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap :where(
  a:not(.btn):not(.button):not(.tc-flow-primary-cta):not([class*="tc-btn"]):not([class*="tc-cta"])
) {
  color: var(--accent);
}

body.tc-theme-dark.tarot-clash-royale-php #tc-theme-v2-column-wrap :where(
  a:not(.btn):not(.button):not(.tc-flow-primary-cta):not([class*="tc-btn"]):not([class*="tc-cta"])
):hover {
  color: hsl(45 100% 72%);
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap :where(strong, b) {
  color: var(--fg);
}

/* Widget economia / home espansa: titoli fuori da .tc-home-v2__shell */
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-exp-widgets > h2,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-exp-treasure-widget > h2,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-expansion--queue h1 {
  color: var(--fg) !important;
}

/*
 * Step giocata (V2 /jogo): mystic pink — batte le regole --fg sopra e Blocksy code chiaro.
 * La shell /tarot usa .tc-app; qui lo scope è solo #tc-theme-v2-column-wrap.
 */
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-editorial__title,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-editorial__title.card-name,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap h2.tc-step-editorial__title,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .card-name {
  color: #f5d0fe !important;
  text-shadow: 0 0 14px rgba(232, 121, 249, 0.18);
  font-family: var(--font-display);
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-editorial__position-sub {
  color: #c084fc !important;
  font-family: var(--font-display);
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-editorial__interp h1,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .interp h1,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-editorial__interp h2,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .interp h2 {
  color: #e879f9 !important;
  font-family: var(--font-display);
  border-bottom: 1px solid rgba(232, 121, 249, 0.28);
  padding-bottom: 0.35rem;
}

/* Play-step: titolo mappa centrato come il board (Blocksy entry-content altrimenti a sinistra) */
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-spread-visual-wrap > .tc-section-title,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-spread-visual-wrap > h2.tc-section-title {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-editorial__interp h3,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .interp h3,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-inline-section__heading {
  color: #c084fc !important;
  font-family: var(--font-display);
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-editorial__interp h4,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .interp h4 {
  color: #f0abfc !important;
  font-family: var(--font-display);
}

body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-editorial__meta code,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap .tc-step-card-meta-inline code {
  display: inline-block;
  padding: 0.12em 0.45em;
  border-radius: 6px;
  font-size: 0.78em;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #f5d0fe !important;
  background: rgba(24, 16, 28, 0.92) !important;
  border: 1px solid rgba(232, 121, 249, 0.35);
}