/* =============================================================================
   pix-theme-g  ·  PRESET: ArneIron (red pixel-CRT)
   presets/arneiron.css  —  UNIT 1 deliverable (styles-only, scoped, reversible)
   -----------------------------------------------------------------------------
   ARCHITECTURE
     pix-theme-g is ONE theme with MANY presets. A preset is a body-class scope
     that (a) re-points the theme's existing `--pix-*` CSS custom properties to a
     new palette/type/scale, and (b) layers preset-only component "skins".
       • PixTheme preset = the theme's DEFAULT `--pix-*` tokens (dynamic-style.css
         + main.css, emitted from pixtheme_customize_options). UNTOUCHED.
       • ArneIron preset = this file. Activated by the body class emitted from
         `style_theme_tone` (see body-class.php; precedent: `pix-theme-tone-dark`).
         Scope selector: `body.pix-theme-tone-arneiron` (alias `[data-preset="arneiron"]`).
     Because main.css already consumes `var(--pix-*)`, overriding the tokens under
     the preset scope re-skins every component with NO edits to main.css.

   SOURCE OF TRUTH
     Ported 1:1 from /design/prototype/assets/ds.css (red pixel-CRT design system)
     + /design/exports/wp-kit. Token names on the LEFT are ds.css; on the RIGHT
     they drive the theme's `--pix-*` tokens.

   ENQUEUE (UNIT 1 stub, see pixtheme/functions/presets/preset-loader.php):
     load AFTER 'pixtheme-main', 'pixtheme-responsive', 'pixtheme-dynamic-styles'
     so the preset wins the cascade. Handle: 'pixtheme-preset-arneiron'.

   SCOPE DISCIPLINE
     Every rule is prefixed with the preset scope. Nothing here leaks to the
     PixTheme preset. Remove the body class -> PixTheme renders exactly as before.

   RULES HONORED: Swiper (not Owl); hard pixel corners; offset block shadows;
   dithered-gradient depth; red ramp = system color, green/amber = sparse status.
   ============================================================================= */

/* 0. FONTS (preset-local; theme default font is Jost) ----------------------- */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@500;600;700&family=Share+Tech+Mono&family=Inter:wght@400;500;600&display=swap');

/* =============================================================================
   1. TOKEN BRIDGE — ds.css palette -> theme `--pix-*` tokens (preset-scoped)
   ============================================================================= */
body.pix-theme-tone-arneiron,
body[data-preset="arneiron"] {
  /* --- ds.css red pixel-CRT palette (preset-private) --- */
  --ai-base:      #050203;  --ai-obsidian: #020402;
  --ai-panel:     #100608;  --ai-panel-2:  #18090b;  --ai-panel-3: #210d10;
  --ai-well:      #0a0405;
  --ai-oxblood:   #1a0306;  --ai-maroon:   #4a080c;  --ai-blood:   #8c1014;
  --ai-red-deep:  #d21a1c;  --ai-signal:   #ff2a2a;  --ai-hot:     #ff6030;
  --ai-whitehot:  #ffe1d2;
  --ai-ink:       #ffd5cd;  --ai-ink-dim:  #c4847e;  --ai-ink-faint:#78463f;
  --ai-grid:      #2c1012;  --ai-grid-2:   #3c1618;  --ai-hair:    #1d0c0d;
  --ai-green:     #00ff41;  --ai-green-dim:#008f11;  --ai-amber:   #ffb300;
  --ai-error:     #ff3228;
  --ai-glow-red:  rgba(255,42,42,.55); --ai-glow-red-soft: rgba(255,42,42,.22);
  --ai-glow-green:rgba(0,255,65,.45);
  --ai-grad-primary: linear-gradient(180deg,#ff6030 0%,#ff2a2a 38%,#8c1014 100%);
  --ai-grad-primary-hover: linear-gradient(180deg,#ff8a4a 0%,#ff3a3a 40%,#b01418 100%);
  --ai-grad-panel:   linear-gradient(180deg,#18090b 0%,#0c0608 100%);
  --ai-grad-panel-up:linear-gradient(180deg,#210d10 0%,#120709 100%);
  --ai-grad-ramp:    linear-gradient(90deg,#1a0306,#4a080c,#8c1014,#d21a1c,#ff2a2a,#ff6030);
  --ai-tex-halftone: radial-gradient(circle at 1px 1px, rgba(255,42,42,.16) 1px, transparent 1.4px);
  --ai-tex-halftone-size: 6px 6px;
  --ai-sh-block:     4px 4px 0 0 #000;
  --ai-sh-block-lg:  6px 6px 0 0 #000;
  --ai-sh-glow:      0 0 12px var(--ai-glow-red);
  --ai-sh-glow-soft: 0 0 8px var(--ai-glow-red-soft);
  --ai-f-display: 'Orbitron', sans-serif;
  --ai-f-ui:      'Rajdhani', sans-serif;
  --ai-f-mono:    'Share Tech Mono', monospace;
  --ai-f-body:    'Inter', sans-serif;

  /* ---------------------------------------------------------------------------
     RE-POINT THE THEME TOKENS  (this is what re-skins every component)
     theme `--pix-*`  <=  ds.css value
     --------------------------------------------------------------------------- */
  --pix-main-color:          var(--ai-signal);
  --pix-main-color-lighter:  var(--ai-hot);
  --pix-main-color-lighter-2x: #ff7a4a;
  --pix-main-color-darker:   var(--ai-red-deep);
  --pix-main-color-hex:      255,42,42;

  --pix-gradient-color:      var(--ai-hot);     /* gradient partner */
  --pix-hover-gradient:      var(--ai-grad-primary-hover);

  --pix-additional-color:    var(--ai-panel);   /* "light" section bg -> dark panel */
  --pix-additional-color-rgb:16,6,8;
  --pix-white-color:         var(--ai-base);    /* surfaces that were white -> near-black */
  --pix-black-color:         var(--ai-ink);     /* "black" text -> warm off-white ink */
  --pix-black-color-hex:     255,213,205;
  --pix-black-color-lighter: var(--ai-ink-dim);
  --pix-black-color-lighter-2x: var(--ai-ink-faint);

  --pix-font-color:          var(--ai-ink-dim);
  --pix-font-color-light:    var(--ai-ink-faint);
  --pix-title-color:         var(--ai-ink);
  --pix-subtitle-color:      var(--ai-signal);
  --pix-hlink-color:         var(--ai-signal);

  --pix-button-color:        var(--ai-signal);
  --pix-button-color-lighter:var(--ai-hot);
  --pix-button-color-darker: var(--ai-red-deep);
  --pix-button-color-hex:    255,42,42;

  --pix-main-font:           'Inter', sans-serif;
  --pix-title-font:          'Rajdhani', sans-serif;
  --pix-buttons-font:        'Rajdhani', sans-serif;
  --pix-hlink-font:          'Rajdhani', sans-serif;
  --pix-subtitle-font:       'Share Tech Mono', monospace;

  --pix-shadow:              var(--ai-sh-block);
  --pix-text-shadow:         none;
  --pix-buttons-shadow:      4px 4px 0 0 var(--ai-oxblood);
  --pix-buttons-text-transform: uppercase;
  --pix-buttons-letter-spacing: 2px;
  --pix-buttons-border:      2px solid var(--ai-whitehot);

  /* hard pixel corners brand-wide (overrides pix-rounded radii) */
  --pix-decor-img: none;
}

/* =============================================================================
   2. BASE / CANVAS / TYPOGRAPHY
   ============================================================================= */
body.pix-theme-tone-arneiron {
  background-color: var(--ai-base);
  color: var(--ai-ink);
  font-family: var(--ai-f-body);
  /* dual corner radial glows + faint 48px grid, per brand language */
  background-image:
    radial-gradient(700px 500px at 0% 0%, rgba(255,42,42,.10), transparent 60%),
    radial-gradient(700px 500px at 100% 100%, rgba(0,255,65,.05), transparent 60%),
    linear-gradient(transparent 47px, var(--ai-hair) 47px),
    linear-gradient(90deg, transparent 47px, var(--ai-hair) 47px);
  background-size: 100% 100%, 100% 100%, 48px 48px, 48px 48px;
  background-attachment: fixed;
}
body.pix-theme-tone-arneiron h1,
body.pix-theme-tone-arneiron h2,
body.pix-theme-tone-arneiron h3,
body.pix-theme-tone-arneiron h4,
body.pix-theme-tone-arneiron h5,
body.pix-theme-tone-arneiron h6 {
  font-family: var(--ai-f-ui); font-weight: 700; letter-spacing: 1px; color: var(--ai-ink);
}
body.pix-theme-tone-arneiron .pix-subtitle,
body.pix-theme-tone-arneiron .pix-eyebrow {
  font-family: var(--ai-f-mono); letter-spacing: 2px; text-transform: uppercase; color: var(--ai-ink-dim);
}
body.pix-theme-tone-arneiron a { color: var(--ai-signal); }
body.pix-theme-tone-arneiron a:hover,
body.pix-theme-tone-arneiron a:focus { color: var(--ai-hot); text-shadow: var(--ai-sh-glow-soft); }
body.pix-theme-tone-arneiron ::selection { background: var(--ai-signal); color: var(--ai-base); }
body.pix-theme-tone-arneiron ::-webkit-scrollbar { width: 12px; height: 12px; }
body.pix-theme-tone-arneiron ::-webkit-scrollbar-track { background: var(--ai-obsidian); }
body.pix-theme-tone-arneiron ::-webkit-scrollbar-thumb { background: var(--ai-maroon); border: 2px solid var(--ai-obsidian); }
body.pix-theme-tone-arneiron ::-webkit-scrollbar-thumb:hover { background: var(--ai-signal); }

/* hard pixel corners everywhere in the preset (kills pix-rounded) */
body.pix-theme-tone-arneiron .pix-rounded *,
body.pix-theme-tone-arneiron [class*="pix-rounded"],
body.pix-theme-tone-arneiron .pix-button,
body.pix-theme-tone-arneiron .card,
body.pix-theme-tone-arneiron .pix-price-box,
body.pix-theme-tone-arneiron input,
body.pix-theme-tone-arneiron textarea,
body.pix-theme-tone-arneiron select { border-radius: 0 !important; }

/* =============================================================================
   3. HEADER / NAV  (ds.css §4 .app-header / .app-nav -> theme header)
   ============================================================================= */
body.pix-theme-tone-arneiron .pix-header,
body.pix-theme-tone-arneiron .site-header,
body.pix-theme-tone-arneiron header.pix-header-area {
  background: linear-gradient(180deg,#160608,#070304);
  border-bottom: 2px solid var(--ai-signal);
}
body.pix-theme-tone-arneiron .pix-main-menu > li > a,
body.pix-theme-tone-arneiron .pix-header a.menu-link {
  font-family: var(--ai-f-ui); font-weight: 600; letter-spacing: 1px;
  text-transform: uppercase; color: var(--ai-ink-dim);
}
body.pix-theme-tone-arneiron .pix-main-menu > li > a:hover,
body.pix-theme-tone-arneiron .pix-main-menu > li.current-menu-item > a {
  color: var(--ai-signal);
}
/* sticky/transparent header reskin */
body.pix-theme-tone-arneiron .pix-header.pix-sticky,
body.pix-theme-tone-arneiron .pix-header.is-stuck {
  background: linear-gradient(180deg,#160608,#070304);
  box-shadow: 0 2px 0 0 var(--ai-signal);
}

/* =============================================================================
   4. FOOTER  (ds.css §4 .app-footer)
   ============================================================================= */
body.pix-theme-tone-arneiron .pix-footer,
body.pix-theme-tone-arneiron .site-footer,
body.pix-theme-tone-arneiron footer.pix-footer-area {
  background: var(--ai-obsidian);
  border-top: 2px solid var(--ai-grid-2);
  color: var(--ai-ink-faint);
}
body.pix-theme-tone-arneiron .pix-footer a { color: var(--ai-ink-dim); }
body.pix-theme-tone-arneiron .pix-footer a:hover { color: var(--ai-signal); }
body.pix-theme-tone-arneiron .pix-footer .widget-title,
body.pix-theme-tone-arneiron .pix-footer .widgettitle {
  font-family: var(--ai-f-ui); text-transform: uppercase; letter-spacing: 1px; color: var(--ai-ink);
}

/* =============================================================================
   5. BUTTONS  (ds.css §5 .btn + variants)  ->  .pix-button / .wp-block-button
   ============================================================================= */
body.pix-theme-tone-arneiron .pix-button,
body.pix-theme-tone-arneiron .wp-block-button__link,
body.pix-theme-tone-arneiron button.button,
body.pix-theme-tone-arneiron input[type="submit"],
body.pix-theme-tone-arneiron .woocommerce a.button,
body.pix-theme-tone-arneiron .woocommerce button.button {
  position: relative;
  font-family: var(--ai-f-ui); font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: var(--ai-base);
  background: var(--ai-grad-primary);
  border: 2px solid var(--ai-whitehot);
  border-radius: 0;
  box-shadow: 4px 4px 0 0 var(--ai-oxblood);
  transition: transform 90ms steps(4,end), box-shadow 90ms steps(4,end), background 160ms steps(4,end);
}
body.pix-theme-tone-arneiron .pix-button::before,
body.pix-theme-tone-arneiron .wp-block-button__link::before {
  content: ""; position: absolute; left: 3px; right: 3px; top: 3px; height: 1px;
  background: var(--ai-whitehot); opacity: .9;
}
body.pix-theme-tone-arneiron .pix-button:hover,
body.pix-theme-tone-arneiron .wp-block-button__link:hover { background: var(--ai-grad-primary-hover); }
body.pix-theme-tone-arneiron .pix-button:active,
body.pix-theme-tone-arneiron .wp-block-button__link:active {
  transform: translate(4px,4px); box-shadow: 0 0 0 0 var(--ai-oxblood);
}
/* secondary / outline variant */
body.pix-theme-tone-arneiron .pix-button.pix-button-bordered,
body.pix-theme-tone-arneiron .pix-button.pix-button-transparent {
  color: var(--ai-signal); background: linear-gradient(180deg,#280a0c,#0c0608);
  border-color: var(--ai-signal);
}
body.pix-theme-tone-arneiron .pix-button.pix-button-bordered:hover { color: var(--ai-hot); }
/* disabled price-table CTA (existing .pix-disable-btn) */
body.pix-theme-tone-arneiron .pix-button.pix-disable-btn {
  color: #604c4a; border-color: var(--ai-grid-2);
  background: linear-gradient(180deg,#28161788,#180b0c); box-shadow: none;
}

/* =============================================================================
   6. FORMS  (ds.css §6) — terminal-prompt inputs, CF7
   ============================================================================= */
body.pix-theme-tone-arneiron input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.pix-theme-tone-arneiron textarea,
body.pix-theme-tone-arneiron select,
body.pix-theme-tone-arneiron .wpcf7 input,
body.pix-theme-tone-arneiron .wpcf7 textarea {
  font-family: var(--ai-f-mono); color: var(--ai-ink);
  background: var(--ai-grad-panel); border: 2px solid var(--ai-grid-2); border-radius: 0;
}
body.pix-theme-tone-arneiron input:focus,
body.pix-theme-tone-arneiron textarea:focus,
body.pix-theme-tone-arneiron select:focus {
  outline: none; border-color: var(--ai-signal);
  box-shadow: 0 0 0 1px var(--ai-signal), var(--ai-sh-glow-soft);
}
body.pix-theme-tone-arneiron ::placeholder { color: var(--ai-ink-faint); }
body.pix-theme-tone-arneiron label,
body.pix-theme-tone-arneiron .form-label {
  font-family: var(--ai-f-mono); font-size: 12px; letter-spacing: 2px;
  text-transform: uppercase; color: var(--ai-ink-dim);
}
body.pix-theme-tone-arneiron .wpcf7-not-valid-tip { color: var(--ai-error); font-family: var(--ai-f-mono); }

/* =============================================================================
   7. CARDS / PANELS / SECTIONS  (ds.css §7 .card + .panel)
   ============================================================================= */
body.pix-theme-tone-arneiron .pix-card,
body.pix-theme-tone-arneiron .news-card,
body.pix-theme-tone-arneiron .pix-service-box,
body.pix-theme-tone-arneiron .pix-feature-box,
body.pix-theme-tone-arneiron .pix-icon-box,
body.pix-theme-tone-arneiron .wp-block-pixtheme-feature-box,
body.pix-theme-tone-arneiron .pix-testimonial {
  position: relative;
  background: var(--ai-grad-panel);
  border: 2px solid var(--ai-grid-2);
  box-shadow: var(--ai-sh-block);
  border-radius: 0;
}
/* halftone texture overlay on cards */
body.pix-theme-tone-arneiron .pix-card::after,
body.pix-theme-tone-arneiron .news-card::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image: var(--ai-tex-halftone); background-size: var(--ai-tex-halftone-size);
}
body.pix-theme-tone-arneiron .pix-feature-box .pix-icon,
body.pix-theme-tone-arneiron .pix-icon-box .pix-icon {
  color: var(--ai-signal);
}
/* "light" sections that were near-white -> dark panel */
body.pix-theme-tone-arneiron .pix-section.pix-bg-additional,
body.pix-theme-tone-arneiron .has-additional-background-color {
  background: var(--ai-grad-panel) !important;
}

/* =============================================================================
   8. SWIPER SLIDERS / CAROUSELS  (Swiper@11 — NOT Owl)  (ds.css carousel feel)
   ============================================================================= */
body.pix-theme-tone-arneiron .swiper-button-next,
body.pix-theme-tone-arneiron .swiper-button-prev {
  color: var(--ai-signal); text-shadow: var(--ai-sh-glow-soft);
}
body.pix-theme-tone-arneiron .swiper-button-next:hover,
body.pix-theme-tone-arneiron .swiper-button-prev:hover { color: var(--ai-hot); }
body.pix-theme-tone-arneiron .swiper-pagination-bullet {
  background: var(--ai-ink-faint); border-radius: 0; opacity: 1;
}
body.pix-theme-tone-arneiron .swiper-pagination-bullet-active {
  background: var(--ai-signal); box-shadow: var(--ai-sh-glow-soft);
}
body.pix-theme-tone-arneiron .swiper-scrollbar-drag { background: var(--ai-maroon); }

/* =============================================================================
   9. SIDEBAR WIDGETS  (ds.css §4 sidebar + §10/§11 feedback/nav widgets)
   ============================================================================= */
body.pix-theme-tone-arneiron .widget,
body.pix-theme-tone-arneiron .pix-sidebar .widget {
  background: var(--ai-grad-panel); border: 2px solid var(--ai-grid-2);
  box-shadow: var(--ai-sh-block); padding: 24px; margin-bottom: 24px; border-radius: 0;
}
body.pix-theme-tone-arneiron .widget-title,
body.pix-theme-tone-arneiron .widgettitle {
  font-family: var(--ai-f-ui); font-weight: 700; letter-spacing: 1px;
  text-transform: uppercase; color: var(--ai-ink);
  border-bottom: 2px solid var(--ai-grid-2); padding-bottom: 8px;
}
/* search widget -> terminal feel */
body.pix-theme-tone-arneiron .widget_search input[type="search"],
body.pix-theme-tone-arneiron .woocommerce-product-search input[type="search"] {
  font-family: var(--ai-f-mono); background: var(--ai-well); border: 2px solid var(--ai-grid-2); color: var(--ai-ink);
}
/* tag cloud -> ds.css .tag */
body.pix-theme-tone-arneiron .tagcloud a {
  font-family: var(--ai-f-mono); color: var(--ai-signal);
  border: 1px solid var(--ai-grid-2); padding: 1px 6px; border-radius: 0;
}
body.pix-theme-tone-arneiron .tagcloud a:hover { border-color: var(--ai-signal); }
/* widget list items / recent posts */
body.pix-theme-tone-arneiron .widget ul li { border-bottom: 1px solid var(--ai-grid); }
/* badges / labels */
body.pix-theme-tone-arneiron .pix-badge,
body.pix-theme-tone-arneiron .badge {
  font-family: var(--ai-f-mono); text-transform: uppercase; letter-spacing: 1px;
  background: var(--ai-signal); color: var(--ai-base); border-radius: 0;
}

/* tabs / accordion widgets (ds.css §11) */
body.pix-theme-tone-arneiron .pix-tabs .pix-tab.is-active,
body.pix-theme-tone-arneiron .wp-block-pixtheme-tab-item.is-active {
  color: var(--ai-signal); border-bottom: 2px solid var(--ai-signal);
}
body.pix-theme-tone-arneiron .pix-accordion .pix-accordion-item,
body.pix-theme-tone-arneiron .wp-block-pixtheme-accordion-item {
  border: 2px solid var(--ai-grid-2); background: var(--ai-panel); border-radius: 0;
}
/* progress / easypiechart (ds.css §12 gauge) */
body.pix-theme-tone-arneiron .pix-progress .pix-progress-bar,
body.pix-theme-tone-arneiron .wp-block-pixtheme-progress .bar {
  background: var(--ai-grad-ramp);
}

/* =============================================================================
   10. PRICE-TABLE BLOCK  (pixtheme/price-table + price-box)
       Compare table: <table class="pix-price-compare-table"> with
       <span class="pix-enable"></span> / <span class="pix-disable"></span>.
       THIS IS THE EXPLICITLY-REQUESTED skin. Selectors verified against
       main.css §7820-7884 on the live theme.
   ============================================================================= */
/* viewport / wrapper */
body.pix-theme-tone-arneiron .wp-block-pixtheme-price-table .pix-table-viewport,
body.pix-theme-tone-arneiron .pix-compare-table {
  background: var(--ai-grad-panel-up); border: 2px solid var(--ai-grid-2);
  box-shadow: var(--ai-sh-block); border-radius: 0;
}
/* table base */
body.pix-theme-tone-arneiron .pix-price-compare-table {
  border-collapse: collapse; width: 100%;
  font-family: var(--ai-f-mono);
}
body.pix-theme-tone-arneiron .pix-price-compare-table td,
body.pix-theme-tone-arneiron .pix-price-compare-table th {
  border: 1px solid var(--ai-grid); padding: 10px 12px; color: var(--ai-ink-dim);
}
/* zebra + hover (override PixTheme #f7f7f7) */
body.pix-theme-tone-arneiron .pix-compare-table tbody tr:nth-child(odd) {
  background: rgba(255,42,42,.04);
}
body.pix-theme-tone-arneiron .pix-compare-table tbody tr:hover { background: var(--ai-panel-2); }
/* header cells */
body.pix-theme-tone-arneiron .pix-price-table-header .pix-span-big {
  font-family: var(--ai-f-display); font-weight: 900; color: var(--ai-green);
  text-shadow: var(--ai-sh-glow-soft);
}
body.pix-theme-tone-arneiron .pix-price-table-header .pix-span-small { color: var(--ai-ink); }
body.pix-theme-tone-arneiron .pix-price-table-header .pix-span-period { color: var(--ai-ink-faint); }
body.pix-theme-tone-arneiron .pix-price-table-col-title {
  font-family: var(--ai-f-ui); text-transform: uppercase; letter-spacing: 1px; color: var(--ai-ink);
}
body.pix-theme-tone-arneiron .pix-price-table-col-title.pix-popular {
  color: var(--ai-signal); text-shadow: var(--ai-sh-glow-soft);
}
/* ---- the compare cell marks: pix-enable / pix-disable (pixel glyphs) ---- */
body.pix-theme-tone-arneiron .pix-compare-table span.pix-enable,
body.pix-theme-tone-arneiron .pix-compare-table span.pix-disable {
  display: inline-grid; place-items: center; width: 22px; height: 22px;
  border: 2px solid var(--ai-grid-2); border-radius: 0;
}
body.pix-theme-tone-arneiron .pix-compare-table span.pix-enable {
  background: var(--ai-grad-primary); border-color: var(--ai-signal);
  box-shadow: var(--ai-sh-glow-soft);
}
body.pix-theme-tone-arneiron .pix-compare-table span.pix-disable {
  background: var(--ai-well); border-color: var(--ai-grid-2);
}
/* re-color the FontAwesome glyphs the theme already paints in :before */
body.pix-theme-tone-arneiron .pix-compare-table span.pix-enable:before {
  content: '\f00c'; color: var(--ai-base); font-weight: 700;
}
body.pix-theme-tone-arneiron .pix-compare-table span.pix-disable:before {
  content: '\f00d'; color: var(--ai-ink-faint); font-weight: 700;
}
/* "best" / popular footer accent */
body.pix-theme-tone-arneiron .pix-compare-table table tr:last-child td.pix-best-car {
  color: var(--ai-signal);
}
/* the list-style price box (pix-table-price-content-list li.pix-enable/disable) */
body.pix-theme-tone-arneiron .pix-table-price-content-list li.pix-enable { color: var(--ai-ink); }
body.pix-theme-tone-arneiron .pix-table-price-content-list li.pix-disable { color: var(--ai-ink-faint); text-decoration: line-through; }
body.pix-theme-tone-arneiron .pix-table-price-content-list li.pix-enable:before { color: var(--ai-signal); }
body.pix-theme-tone-arneiron .pix-table-price-content-list li.pix-disable:before { color: var(--ai-ink-faint); }
/* popular column / price box highlight (ds.css .pricing.is-popular) */
body.pix-theme-tone-arneiron .pix-price-box.pix-popular,
body.pix-theme-tone-arneiron .pix-price-box.is-popular {
  border: 2px solid var(--ai-signal); box-shadow: var(--ai-sh-glow), var(--ai-sh-block);
}

/* =============================================================================
   11. TABLES (generic)  (ds.css §12)
   ============================================================================= */
body.pix-theme-tone-arneiron table:not(.pix-price-compare-table) {
  font-family: var(--ai-f-mono); border-collapse: collapse;
}
body.pix-theme-tone-arneiron table:not(.pix-price-compare-table) th {
  color: var(--ai-ink-faint); text-transform: uppercase; letter-spacing: 1px;
  border-bottom: 2px solid var(--ai-grid-2);
}
body.pix-theme-tone-arneiron table:not(.pix-price-compare-table) td {
  border-bottom: 1px solid var(--ai-grid); color: var(--ai-ink-dim);
}

/* =============================================================================
   12. WOOCOMMERCE (light skin pass; deep pass deferred to UNIT 6)
   ============================================================================= */
body.pix-theme-tone-arneiron .woocommerce ul.products li.product .price,
body.pix-theme-tone-arneiron .woocommerce div.product p.price {
  color: var(--ai-green); font-family: var(--ai-f-display); text-shadow: var(--ai-sh-glow-soft);
}
body.pix-theme-tone-arneiron .woocommerce span.onsale {
  background: var(--ai-signal); color: var(--ai-base); border-radius: 0;
}
body.pix-theme-tone-arneiron .woocommerce .star-rating span { color: var(--ai-signal); }

/* =============================================================================
   13. CRT OVERLAY  (ds.css §3) — preset-only fixed scanline/vignette layer.
       Injected by preset-loader.php as the last body child:
         <div class="pix-crt-overlay" aria-hidden="true"></div>
       Pure CSS; respects prefers-reduced-motion.
   ============================================================================= */
body.pix-theme-tone-arneiron .pix-crt-overlay {
  position: fixed; inset: 0; z-index: 9000; pointer-events: none;
}
body.pix-theme-tone-arneiron .pix-crt-overlay::before {
  content: ""; position: absolute; inset: 0; opacity: .9;
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.28) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(255,42,42,.03) 0 1px, transparent 1px 3px);
}
body.pix-theme-tone-arneiron .pix-crt-overlay::after {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(120% 120% at 50% 50%, transparent 55%, rgba(0,0,0,.55) 100%),
    radial-gradient(60% 50% at 50% 0%, rgba(255,42,42,.05), transparent 70%);
}
@media (prefers-reduced-motion: no-preference) {
  body.pix-theme-tone-arneiron .pix-crt-overlay.pix-crt-flicker::before {
    animation: pix-crt-flicker 6s infinite steps(8);
  }
}
@keyframes pix-crt-flicker { 0%,100%{opacity:.9} 50%{opacity:.82} 92%{opacity:.97} }