/** * cl-legacy-vars.css — the CSS custom properties the legacy Motors free/pro * stylesheets are written against (--cl-legacy-*, --mvl-*). * * WHY: in legacy mode the ACTIVE Motors plugin printed these as the * `motors-style-inline-css` inline block (generated from its appearance * settings, identical on every Cart Launch site — the settings ship in the * template DB). Post-cutover the plugins are deactivated, the inline block * vanished, and every re-enqueued legacy sheet that says e.g. * `background: var(--cl-legacy-filter-border-color-lowalpha)` computed to * nothing — filter chips, borders and buttons lost their colors. * This file is a 1:1 static port of that block (values captured from the * legacy baseline render), so the re-enqueued legacy CSS keeps working with * NO dependency on the deactivated plugins. * * The brand accent still wins: the #mgc-brand-color-vars inline block * (mu-plugins, BRAND_COLOR) overrides --cl-legacy-accent-color with !important * AFTER this file, exactly as it overrode the legacy inline block. * Safari budget: no color-mix(), no :has(), no overflow:clip. */ :root{ --mvl-primary-color: #cc6119; --mvl-secondary-color: #6c98e1; --mvl-secondary-color-dark: #5a7db6; --mvl-third-color: #232628; --mvl-fourth-color: #153e4d; --cl-legacy-accent-color: #D40202; --cl-legacy-accent-color-alpha: rgba(212, 2, 2,0.5); --cl-legacy-accent-color-highalpha: rgba(212, 2, 2,0.7); --cl-legacy-accent-color-lowalpha: rgba(212, 2, 2,0.3); --cl-legacy-accent-color-super-lowalpha : rgba(212, 2, 2,0.1); --cl-legacy-bg-shade: #F0F3F7; --cl-legacy-bg-color: #FFFFFF; --cl-legacy-bg-lowalpha-color: rgba(255, 255, 255,0.3); --cl-legacy-bg-alpha-color: rgba(255, 255, 255,0.5); --cl-legacy-bg-highalpha-color: rgba(255, 255, 255,0.7); --cl-legacy-bg-contrast: #000000; --cl-legacy-bg-lowestalpha-contrast: rgba(0, 0, 0,0.1); --cl-legacy-bg-lowalpha-contrast: rgba(0, 0, 0,0.3); --cl-legacy-bg-alpha-contrast: rgba(0, 0, 0,0.5); --cl-legacy-bg-highalpha-contrast: rgba(0, 0, 0,0.7); --cl-legacy-bg-highestalpha-contrast: rgba(0, 0, 0,0.9); --cl-legacy-text-color: #010101; --cl-legacy-contrast-text-color: #FFFFFF; --cl-legacy-text-highalpha-color: rgba(1, 1, 1,0.7); --cl-legacy-text-highestalpha-color: rgba(1, 1, 1,0.8); --cl-legacy-text-alpha-color: rgba(1, 1, 1,0.5); --cl-legacy-contrast-text-lowestalpha-color: rgba(255, 255, 255,0.1); --cl-legacy-contrast-text-lowalpha-color: rgba(255, 255, 255,0.3); --cl-legacy-contrast-text-highalpha-color: rgba(255, 255, 255,0.7); --cl-legacy-contrast-text-highestalpha-color: rgba(255, 255, 255,0.8); --cl-legacy-text-lowalpha-color: rgba(1, 1, 1,0.3); --cl-legacy-text-lowestalpha-color: rgba(1, 1, 1,0.1); --cl-legacy-contrast-text-alpha-color: rgba(255, 255, 255,0.5); --cl-legacy-border-color: rgba(1, 1, 1,0.15); --cl-legacy-contrast-border-color: rgba(255, 255, 255,0.15); --cl-legacy-spec-badge-color: #FAB637; --cl-legacy-sold-badge-color: #FC4E4E; --cl-legacy-error-bg-color: rgba(255,127,127,1); --cl-legacy-notice-bg-color: #fbc45d; --cl-legacy-success-bg-color: #dbf2a2; --cl-legacy-error-text-color: rgba(244,43,43,1); --cl-legacy-notice-text-color: #e4961a; --cl-legacy-success-text-color: #5eac3f; --cl-legacy-filter-inputs-color: #F6F7F9; --cl-legacy-card-bg-color: #ffffff; --cl-legacy-card-bg-hover-color: #FFFFFF; --cl-legacy-card-title-color: #111827; --cl-legacy-card-price-color: rgba(17, 24, 39,0.4); --cl-legacy-card-border-color: rgba(17, 24, 39,0.1); --cl-legacy-card-options-color: #4E5562; --cl-legacy-card-options-color-super-low-alpha: rgba(78, 85, 98,0.15); --cl-legacy-card-btn-color: #1280DF; --cl-legacy-card-popup-hover-bg-color: #f9f9f9; --cl-legacy-card-popup-border-color: rgba(17, 24, 39,0.15); --cl-legacy-card-btn-color-lowalpha: rgba(18, 128, 223,0.6); --cl-legacy-card-btn-color-highalpha: rgba(18, 128, 223,0.8); --cl-legacy-card-btn-color-super-lowalpha: rgba(18, 128, 223,0.15); --cl-legacy-filter-bg-color: #ffffff; --cl-legacy-filter-border-color: #CAD0D9; --cl-legacy-filter-border-color-mediumalpha: rgba(202, 208, 217,0.5); --cl-legacy-filter-border-color-highalpha: rgba(202, 208, 217,0.8); --cl-legacy-filter-border-color-lowalpha: rgba(202, 208, 217,0.3); --cl-legacy-filter-border-color-super-lowalpha: rgba(202, 208, 217,0.2); --cl-legacy-filter-text-color: #010101; --cl-legacy-filter-text-color-lowalpha: rgba(1, 1, 1,0.5); --cl-legacy-filter-text-color-highalpha: rgba(1, 1, 1,0.8); --cl-legacy-filter-text-color-super-lowalpha: rgba(1, 1, 1,0.2); --cl-legacy-filter-field-bg-color: #ffffff; --cl-legacy-filter-field-text-color: #010101; --cl-legacy-filter-field-text-color-lowalpha: rgba(1, 1, 1,0.5); --cl-legacy-filter-field-text-color-highalpha: rgba(1, 1, 1,0.8); --cl-legacy-filter-field-text-color-super-lowalpha: rgba(1, 1, 1,0.2); --cl-legacy-filter-field-text-color-secondary: #010101; --cl-legacy-filter-field-text-color-secondary-lowalpha: rgba(1, 1, 1,0.4); --cl-legacy-filter-field-text-color-secondary-highalpha: rgba(1, 1, 1,0.8); --cl-legacy-filter-field-text-color-secondary-super-lowalpha: rgba(1, 1, 1,0.2); --cl-legacy-filter-field-border-color: rgba(1, 1, 1,0.2); --cl-legacy-filter-field-border-color-lowalpha: rgba(1, 1, 1,0.1); --cl-legacy-filter-field-link-color: #1280DF; --cl-legacy-filter-field-link-color-lowalpha: rgba(18, 128, 223,0.5); --cl-legacy-filter-field-link-color-highalpha: rgba(18, 128, 223,0.8); --cl-legacy-filter-field-link-color-super-lowalpha: rgba(18, 128, 223,0.2); } /* Elementor kit → Motors variable mapping (was part of the same legacy inline block; the generated kit CSS in uploads reads the --e-global-* names). */ :root .elementor-kit-6 { --e-global-color-motors_accent: var(--cl-legacy-accent-color); --e-global-color-motors_bg: var(--cl-legacy-bg-color); --e-global-color-motors_bg_shade: var(--cl-legacy-bg-shade); --e-global-color-motors_bg_contrast: var(--cl-legacy-bg-contrast); --e-global-color-motors_text: var(--cl-legacy-text-color); --e-global-color-motors_border: var(--cl-legacy-border-color); --e-global-color-motors_lowalpha_text: var(--cl-legacy-text-lowalpha-color); --e-global-color-motors_alpha_text: var(--cl-legacy-text-alpha-color); --e-global-color-motors_highalpha_text: var(--cl-legacy-text-highalpha-color); --e-global-color-motors_contrast_text: var(--cl-legacy-contrast-text-color); --e-global-color-motors_contrast_border: var(--cl-legacy-border-contrast); --e-global-color-motors_alpha_contrast_text: var(--cl-legacy-contrast-text-alpha-color); --e-global-color-motors_inputs_actions: var(--cl-legacy-filter-inputs-color); --e-global-color-motors_spec_badge: var(--cl-legacy-spec-badge-color); --e-global-color-motors_sold_badge: var(--cl-legacy-sold-badge-color); --e-global-color-motors_filter_bg: var(--cl-legacy-filter-bg-color); --e-global-color-motors_filter_border: var(--cl-legacy-filter-border-color); --e-global-color-motors_filter_text: var(--cl-legacy-filter-text-color); --e-global-color-motors_filter_text_secondary: var(--cl-legacy-filter-text-color-secondary); --e-global-color-motors_filter_field_bg: var(--cl-legacy-filter-field-bg-color); --e-global-color-motors_filter_field_text: var(--cl-legacy-filter-field-text-color); --e-global-color-motors_filter_field_link: var(--cl-legacy-filter-field-link-color); } /* Elementor runtime inline rules (was #elementor-frontend-inline-css). */ .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; } form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"], form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"] { display: block; }