/**
 * Blocksy: header + footer + body shell = stessi sfondi di style.css (app Tarot).
 * Usa --bg, --fg, --muted, --border da :root (caricati con tarot-cr-app).
 * Non tocca .google-auto-placed / ins.adsbygoogle.
 */

/* Body: identico a body.tarot-clash-royale-php in style.css */
body.tarot-clash-royale-php.tc-theme-dark {
  background: var(--bg) !important;
  background-image:
    radial-gradient(ellipse 120% 80% at 50% -20%, hsl(45 100% 64% / 0.09), transparent 55%),
    radial-gradient(ellipse 82% 52% at 100% 100%, hsl(278 74% 54% / 0.13), transparent 52%),
    radial-gradient(ellipse 58% 40% at 15% 70%, hsl(188 82% 60% / 0.08), transparent 46%) !important;
  color: var(--fg) !important;
}

body.tarot-clash-royale-php.tc-theme-light {
  background: var(--bg) !important;
  background-image:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(122, 76, 199, 0.10), transparent 55%),
    radial-gradient(ellipse 82% 52% at 100% 100%, rgba(25, 180, 200, 0.10), transparent 52%),
    radial-gradient(ellipse 58% 40% at 15% 70%, rgba(212, 175, 55, 0.10), transparent 46%) !important;
  color: var(--fg) !important;
}

body.tarot-clash-royale-php #main-container,
body.tarot-clash-royale-php #main-container > main,
body.tarot-clash-royale-php main.site-main,
body.tarot-clash-royale-php .entry-content {
  background-color: transparent !important;
  background-image: none !important;
}

/* Header: come .top.tc-header in style.css */
body.tarot-clash-royale-php.tc-theme-dark #header,
body.tarot-clash-royale-php.tc-theme-dark header.ct-header,
body.tarot-clash-royale-php.tc-theme-dark #header[data-sticky],
body.tarot-clash-royale-php.tc-theme-dark .ct-sticky-container #header {
  background: linear-gradient(180deg, rgba(22, 25, 37, 0.98), rgba(15, 17, 24, 0.95)) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-soft) !important;
  color: var(--fg) !important;
}

body.tarot-clash-royale-php.tc-theme-light #header,
body.tarot-clash-royale-php.tc-theme-light header.ct-header,
body.tarot-clash-royale-php.tc-theme-light #header[data-sticky],
body.tarot-clash-royale-php.tc-theme-light .ct-sticky-container #header {
  background: var(--bg-elevated) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-soft) !important;
  color: var(--fg) !important;
}

body.tarot-clash-royale-php #header [data-row],
body.tarot-clash-royale-php #header .ct-container,
body.tarot-clash-royale-php #header [data-column],
body.tarot-clash-royale-php #header [data-items] {
  background: transparent !important;
  background-color: transparent !important;
}

body.tarot-clash-royale-php #header .site-title,
body.tarot-clash-royale-php #header .site-title a,
body.tarot-clash-royale-php #header .site-description,
body.tarot-clash-royale-php #header .ct-menu-link,
body.tarot-clash-royale-php #header .menu > li > a,
body.tarot-clash-royale-php #header .ct-label,
body.tarot-clash-royale-php #header .ct-header-search,
body.tarot-clash-royale-php #header .ct-toggle {
  color: var(--fg) !important;
}

body.tarot-clash-royale-php #header .site-title a:hover,
body.tarot-clash-royale-php #header .ct-menu-link:hover,
body.tarot-clash-royale-php #header .menu > li > a:hover,
body.tarot-clash-royale-php #header .ct-header-search:hover,
body.tarot-clash-royale-php #header .ct-toggle:hover {
  color: var(--accent) !important;
}

body.tarot-clash-royale-php #header .ct-icon {
  fill: currentColor !important;
}

body.tarot-clash-royale-php #offcanvas,
body.tarot-clash-royale-php .ct-panel.ct-header,
body.tarot-clash-royale-php .ct-panel.ct-header .ct-panel-inner {
  background: var(--bg-elevated) !important;
  color: var(--fg) !important;
}

body.tarot-clash-royale-php #offcanvas a,
body.tarot-clash-royale-php .ct-panel.ct-header a {
  color: var(--fg) !important;
}

/* Footer: come .tc-footer.tc-footer--premium (dark) */
body.tarot-clash-royale-php.tc-theme-dark #footer,
body.tarot-clash-royale-php.tc-theme-dark footer.ct-footer {
  background: linear-gradient(
    180deg,
    hsl(270 45% 8% / 0.92) 0%,
    hsl(265 40% 6% / 0.98) 45%,
    hsl(270 38% 5% / 1) 100%
  ) !important;
  border-top: 1px solid hsl(280 35% 22% / 0.55) !important;
  color: var(--muted) !important;
  box-shadow:
    inset 0 1px 0 hsl(45 100% 62% / 0.12),
    0 -12px 40px hsl(270 60% 4% / 0.35) !important;
}

body.tarot-clash-royale-php.tc-theme-light #footer,
body.tarot-clash-royale-php.tc-theme-light footer.ct-footer {
  background: linear-gradient(
    180deg,
    hsl(280 25% 97% / 0.98) 0%,
    hsl(275 22% 95% / 1) 50%,
    hsl(270 18% 93% / 1) 100%
  ) !important;
  border-top: 1px solid hsl(280 20% 82% / 0.55) !important;
  color: var(--muted) !important;
}

body.tarot-clash-royale-php #footer [data-row],
body.tarot-clash-royale-php #footer > .ct-container,
body.tarot-clash-royale-php #footer [data-column]:not([data-column="copyright"]) {
  background: transparent !important;
  background-color: transparent !important;
}

body.tarot-clash-royale-php #footer [data-column="copyright"],
body.tarot-clash-royale-php #footer .ct-footer-copyright {
  background-color: transparent !important;
  color: var(--muted) !important;
}

body.tarot-clash-royale-php #footer .ct-footer-copyright a,
body.tarot-clash-royale-php #footer [data-column="copyright"] a {
  color: var(--fg) !important;
}

body.tarot-clash-royale-php #footer .ct-footer-copyright a:hover,
body.tarot-clash-royale-php #footer [data-column="copyright"] a:hover {
  color: var(--accent) !important;
}

/* Blocksy: variabili tipografia sul contenuto app (fragment V2 dentro .entry-content) */
body.tarot-clash-royale-php .entry-content #tc-theme-v2-column-wrap,
body.tarot-clash-royale-php #tc-theme-v2-column-wrap {
  --theme-text-color: var(--fg);
  --theme-headings-color: var(--fg);
  --theme-heading-1-color: var(--fg);
  --theme-heading-2-color: var(--fg);
  --theme-heading-3-color: var(--muted);
  --theme-heading-4-color: var(--muted);
  --theme-heading-5-color: var(--muted);
  --theme-heading-6-color: var(--muted);
  --theme-link-initial-color: var(--accent);
  --theme-link-hover-color: var(--accent);
}

body.tarot-clash-royale-php .entry-content #tc-theme-v2-column-wrap :where(h1, h2, h3, h4, h5, h6),
body.tarot-clash-royale-php #tc-theme-v2-column-wrap :where(h1, h2, h3, h4, h5, h6) {
  color: var(--fg) !important;
}

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