/**
 * ==========================================================================
 * DUAL PRODUCT TEMPLATE — Reference file for system (dual) product classes
 * ==========================================================================
 *
 * STATUS:   REFERENCE ONLY — DO NOT DEPLOY YET
 *
 * PURPOSE:  Documents the existing classes and styles used by system/dual
 *           products (Clarify, Protect, Radiance). This file exists so
 *           developers can see what's already in use and avoid collisions.
 *
 * WHEN READY:
 *   1. Audit the live site's existing CSS for dual-product styles
 *   2. Migrate those styles into this file
 *   3. Scope all rules under body.dual-product-template
 *   4. Enqueue conditionally (when is_system = true)
 *
 * BODY CLASS:  body.dual-product-template
 *              (Added by the body_class filter when ACF is_system = true)
 * ==========================================================================
 */


/* --------------------------------------------------------------------------
   EXISTING CLASSES IN USE ON DUAL PRODUCT PAGES
   (Do NOT modify these — they are working on the live site)
   --------------------------------------------------------------------------

   Body classes present on system product pages:
   - body.single-product
   - body.product_cat-clarify   (or -radiance, -protect)
   - body.dual-product-template (added by our new filter)

   Known component classes (from Divi Theme Builder):
   - .co-system-hero            — System hero banner
   - .co-system-tabs            — Tabbed system navigation
   - .co-ingredient-grid        — Key ingredients cards
   - .co-evidence-section       — Trial evidence/stats
   - .co-system-comparison      — System vs category comparison
   - .co-system-cta             — System call-to-action

   Product-colour override classes:
   - .product_cat-clarify       — Green (#7f9c96)
   - .product_cat-radiance      — Gold (#c9a96e)
   - .product_cat-protect       — Bronze (#b07d3a)

   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   PLACEHOLDER: Future dual-product scoped styles
   --------------------------------------------------------------------------
   When migrating, scope ALL rules like this:

   body.dual-product-template .co-system-hero { ... }
   body.dual-product-template .co-ingredient-grid { ... }

   This ensures they only apply when is_system = true.
   -------------------------------------------------------------------------- */