/** * Global CSS * * --wl-* variables are set as defaults here so SSR / no-JS renders get the * default brand colours. The WhitelabelContext overrides these at runtime on * style directly. Components should always prefer var(--wl-*) over * hardcoded hex values. */ /* ─── Whitelabel CSS Custom Properties (defaults = stan-store) ─────────────── */ :root { --wl-primary: #6829F8; --wl-primary-light: #8B55FA; --wl-primary-dark: #501DCA; --wl-secondary: #B83E3E; --wl-tertiary: #3D1A8E; --wl-bg: #000000; --wl-surface: #111111; --wl-text-primary: #FFFFFF; --wl-text-secondary: #A0A0A0; --wl-success: #22C55E; --wl-error: #EF4444; --wl-warning: #F59E0B; } /* ─── Markdown Content ──────────────────────────────────────────────────────── */ .stanshop-markdown-content h1 { font-size: 24px; margin-bottom: 16px; margin-top: 24px; } .stanshop-markdown-content h2 { font-size: 20px; margin-bottom: 12px; margin-top: 20px; } .stanshop-markdown-content h3 { font-size: 18px; margin-bottom: 8px; margin-top: 16px; } .stanshop-markdown-content p { margin-bottom: 16px; line-height: 1.6; } .stanshop-markdown-content ul, .stanshop-markdown-content ol { margin-bottom: 16px; padding-left: 20px; } .stanshop-markdown-content li { margin-bottom: 8px; } .stanshop-markdown-content a { color: var(--wl-primary); text-decoration: underline; } .stanshop-markdown-content a:hover { color: var(--wl-primary-dark); } /* ─── Snackbar ──────────────────────────────────────────────────────────────── */ .snackbar-root { z-index: 99999999 !important; } /* ─── MaxSavings responsive helpers (avoid reload flash/jitter) ─────────────── */ .msRoot { margin-right: 0px; } .msDesktopOnly { display: none; } .msMobileOnly { display: block; } @media (min-width: 600px) { .msDesktopOnly { display: block; } .msMobileOnly { display: none; } .msRoot.msBuyOpen { margin-right: 30vw; } } @media (min-width: 768px) and (max-width: 1199px) { .msRoot.msBuyOpen { margin-right: 40vw; } }