/* Ethereum-inspired tech styling (global but conservative) */
:root {
  --tp-eth-bg-0: #070b14;
  --tp-eth-bg-1: #0f172a;
  --tp-eth-panel: rgba(15, 23, 42, 0.78);
  --tp-eth-panel-2: rgba(30, 41, 59, 0.72);
  --tp-eth-line: rgba(148, 163, 184, 0.18);
  --tp-eth-text: #e2e8f0;
  --tp-eth-muted: #94a3b8;
  --tp-eth-accent: #38bdf8;
  --tp-eth-accent-2: #22d3ee;
  --tp-eth-gold: #f59e0b;
  --tp-eth-shadow: 0 18px 40px rgba(2, 6, 23, 0.35);
}

body {
  background:
    radial-gradient(circle at 12% 8%, rgba(34, 211, 238, 0.12), transparent 42%),
    radial-gradient(circle at 88% 14%, rgba(56, 189, 248, 0.14), transparent 46%),
    linear-gradient(180deg, #0b1220 0%, #070b14 55%, #060912 100%);
  color: var(--tp-eth-text);
}

body,
body p,
body li,
body td,
body th,
body label,
body input,
body textarea,
body select,
body button {
  color: var(--tp-eth-text);
}

a {
  color: var(--tp-eth-accent);
}

a:hover {
  color: #7dd3fc;
}

input,
textarea,
select {
  background: rgba(15, 23, 42, 0.7) !important;
  border: 1px solid var(--tp-eth-line) !important;
  border-radius: 12px !important;
  color: var(--tp-eth-text) !important;
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.02);
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: rgba(56, 189, 248, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12) !important;
}

button,
.button,
input[type="submit"],
.wp-block-button__link {
  background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(125, 211, 252, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(2, 132, 199, 0.26);
}

button:hover,
.button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  filter: brightness(1.06);
}

/* Common containers */
#page,
.site,
.site-content,
.content-area,
.widget,
.post,
.entry-content,
.entry-header,
.comments-area,
.navigation.pagination,
.main-navigation,
.site-header,
.site-footer {
  background-color: transparent;
}

.widget,
article.post,
article.tp_pay_article,
.comments-area,
.navigation.pagination,
.site-header,
.site-footer,
.search-form,
form {
  background: var(--tp-eth-panel);
  border: 1px solid var(--tp-eth-line);
  border-radius: 16px;
  box-shadow: var(--tp-eth-shadow);
  backdrop-filter: blur(10px);
}

.site-header,
.site-footer {
  padding: 10px 16px;
}

.entry-title,
.site-title,
h1,
h2,
h3,
h4,
h5 {
  color: #f8fafc;
  text-shadow: 0 0 24px rgba(56, 189, 248, 0.08);
}

.entry-meta,
.posted-on,
.byline,
.cat-links,
.tags-links,
.wp-caption-text,
small {
  color: var(--tp-eth-muted) !important;
}

/* Tables / lists */
table {
  background: rgba(15, 23, 42, 0.55);
  border-radius: 12px;
  overflow: hidden;
}

table td,
table th {
  border-color: rgba(148, 163, 184, 0.16) !important;
}

/* Plugin shortcode panels often render inline white backgrounds: neutralize */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#f5f5f5"],
[style*="background:#f7f9fc"],
[style*="background:#fff7e6"],
[style*="background:#f6ffed"],
[style*="background:#e6f7ff"] {
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.9),
    rgba(15, 23, 42, 0.75)
  ) !important;
  border: 1px solid var(--tp-eth-line) !important;
  box-shadow: var(--tp-eth-shadow) !important;
  color: var(--tp-eth-text) !important;
}

/* Highlight paywall state colors */
#tp-unlock-btn,
[id^="btn-pay-"] {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  box-shadow: 0 10px 24px rgba(245, 158, 11, 0.22) !important;
}

/* Selection + subtle neon touches */
::selection {
  background: rgba(56, 189, 248, 0.28);
  color: #f8fafc;
}

hr {
  border-color: rgba(148, 163, 184, 0.14);
}