/* ============================================================
   ADS THEME — PALETTE DETAILS
   The palettes themselves are colour variables (see inc/palettes.php).
   This file only holds what a variable cannot express: where the SECONDARY colour goes.
   ============================================================ */

/* ---------- Crimson Cyber (dark design) ----------
   Neon red (--c-gold) drives buttons, links, rules and highlights.
   Cyber cyan (--c-cyan) marks icons, badges, small labels and "AI" details. */
body.ads-pal-crimson { --c-hero-grad: linear-gradient(135deg, #12060a 0%, #2b0b14 45%, #0b0407 100%); }

body.ads-pal-crimson .section-label,
body.ads-pal-crimson .slide-eyebrow,
body.ads-pal-crimson .ads-pcard-cat,
body.ads-pal-crimson .ads-summary-cat,
body.ads-pal-crimson .ads-post-eyebrow,
body.ads-pal-crimson .work-cat,
body.ads-pal-crimson .contact-detail-label,
body.ads-pal-crimson .cta-label,
body.ads-pal-crimson .ads-crumbs span { color: var(--c-cyan); }

body.ads-pal-crimson .service-icon {
  color: var(--c-cyan); border-color: rgba(var(--c-cyan-rgb), 0.45); background: rgba(var(--c-cyan-rgb), 0.06);
}
body.ads-pal-crimson .service-icon svg { stroke: var(--c-cyan); }
body.ads-pal-crimson .service-list li::before { background: var(--c-cyan); color: var(--c-cyan); }
body.ads-pal-crimson .about-gold-tag { background: var(--c-cyan); color: #00141a; }
body.ads-pal-crimson .ads-badge { background: var(--c-cyan); color: #00141a; }
body.ads-pal-crimson .ads-badge-sold { background: #2a2a2a; color: #fff; }
body.ads-pal-crimson .nav-lang .nav-lang-globe,
body.ads-pal-crimson .ads-trust svg,
body.ads-pal-crimson .ticker-dot { color: var(--c-cyan); }
body.ads-pal-crimson .process-num { color: var(--c-cyan); }
body.ads-pal-crimson .t-quote { color: var(--c-cyan); }
body.ads-pal-crimson .social-link:hover { border-color: var(--c-cyan); color: var(--c-cyan); }
body.ads-pal-crimson .ads-pills a:hover,
body.ads-pal-crimson .ads-tab-btn:hover { border-color: var(--c-cyan); color: var(--c-cyan); }

/* a soft neon glow on the main buttons */
body.ads-pal-crimson .btn-filled,
body.ads-pal-crimson .single_add_to_cart_button { box-shadow: 0 0 22px rgba(var(--c-gold-rgb), 0.28); }
body.ads-pal-crimson .btn-filled:hover,
body.ads-pal-crimson .single_add_to_cart_button:hover { box-shadow: 0 0 30px rgba(var(--c-gold-rgb), 0.5); }

/* ---------- Vibrant Bold (light design) ----------
   Charcoal is the "element" colour; scarlet blocks break the page up. White text on red. */
body.ads-pal-vibrant .nav-links a { color: var(--a-menu-color, #111111); }
body.ads-pal-vibrant .stats-ticker,
body.ads-pal-vibrant #cta { color: #fff; }
body.ads-pal-vibrant .ads-footer-a { border-top: 6px solid #D91A2A; }
body.ads-pal-vibrant .btn-outline { border-color: #111111; color: #111111; }
body.ads-pal-vibrant .btn-outline:hover { background: #111111; color: #fff; }
body.ads-pal-vibrant .ads-pills a.active, body.ads-pal-vibrant .ads-paging a.active,
body.ads-pal-vibrant .woocommerce-pagination .page-numbers .current { background: #111111; border-color: #111111; color: #fff; }
body.ads-pal-vibrant .ads-badge { background: #D91A2A; color: #fff; }
body.ads-pal-vibrant .section-rule { background: #D91A2A; }
body.ads-pal-vibrant .ads-shop-head .section-rule { background: #fff; }
body.ads-pal-vibrant .service-card::before { background: #D91A2A; }
body.ads-pal-vibrant .service-icon { color: #D91A2A; background: rgba(217,26,42,0.07); }
body.ads-pal-vibrant .ads-account-link:hover, body.ads-pal-vibrant .ads-cart-link:hover { color: #D91A2A; }
body.ads-pal-vibrant .nav-links a:hover { color: #D91A2A; }
body.ads-pal-vibrant .nav-links a::after { background: #D91A2A; }