html {
  background: var(--ss-bg);
}

body {
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 0, 0, .10), transparent 30%),
    linear-gradient(180deg, var(--ss-bg), var(--ss-bg-2));
  color: var(--ss-text);
  font-family: var(--ss-font-body);
}

body a {
  color: var(--ss-text);
  text-decoration-color: rgba(255, 0, 0, .45);
}

body a:hover,
body a:focus {
  color: var(--ss-red);
}

h1, h2, h3, h4, h5, h6, .wp-block-heading {
  color: var(--ss-text);
  font-family: var(--ss-font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
}

::selection {
  background: var(--ss-red);
  color: #fff;
}

input, select, textarea {
  background: #0b0b0b;
  border: 1px solid rgba(255, 0, 0, .25);
  color: var(--ss-text);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--ss-red);
  box-shadow: 0 0 0 3px rgba(255, 0, 0, .16);
  outline: none;
}

/* ===== SS V8: unify ALL pages to dark/red (override parent white main container) ===== */
.wpdevart-main-container { background: var(--ss-bg, #050505) !important; }
.wpdevart-main-content,
.wpdevart-main-content.container,
#page, .site, .site-content, .content-area, main#primary,
.wpdevart-banner-narrow-container { background: transparent !important; }
.wpdevart-main-content, .entry-content, .page-content, .post-content { color: var(--ss-text-soft, #dddddd); }
.entry-content a, .page-content a, .post-content a { color: var(--ss-red, #ff0000); }
.entry-content a:hover, .page-content a:hover { color: #fff; }
.entry-title, .page-title,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4,
.page-content h1, .page-content h2, .page-content h3 { color: #ffffff; }
/* page banner (title strip on generic pages) dark */
.wpdevart-single-page-banner, .wpdevart-single-post-banner, .wpdevart-banner { background: #050505 !important; }
.wpdevart-single-page-banner-entry-meta a, .entry-meta, .entry-meta a { color: var(--ss-text-muted, #999) !important; }

/* ===== SS V9: custom content pages dark + readable (fix invisible text) ===== */
main.about-page, main.shipping-page, main.privacy-page,
.about-page, .shipping-page, .privacy-page { background: var(--ss-bg, #050505) !important; }
.about-page .section, .shipping-page .section, .privacy-page .section,
.section.section-dark, .section.section-dark-alt,
.privacy-content, .privacy-contact-cta { background: var(--ss-bg, #050505) !important; }
.section.section-dark-alt { background: #0c0c0c !important; }
.about-page h1,.about-page h2,.about-page h3,.about-page h4,.about-page h5,.about-page h6,
.shipping-page h1,.shipping-page h2,.shipping-page h3,.shipping-page h4,
.privacy-page h1,.privacy-page h2,.privacy-page h3,.privacy-page h4,
.section-title, .section-subtitle { color:#ffffff !important; }
.about-page p,.about-page li,.about-page span,.about-page dt,.about-page dd,.about-page figcaption,
.shipping-page p,.shipping-page li,.shipping-page span,.shipping-page dt,.shipping-page dd,
.privacy-page p,.privacy-page li,.privacy-page span,.privacy-page dt,.privacy-page dd,
.section-lead, .text-lg { color: var(--ss-text-soft, #dddddd) !important; }
.about-page a:not([class*="btn"]),
.shipping-page a:not([class*="btn"]),
.privacy-page a:not([class*="btn"]):not(.privacy-contact-btn) { color: var(--ss-red, #ff5a5a) !important; }