/* ========================================
   CSS CLEANUP - REMOVE DUPLICATES
   This file removes duplicate styles and consolidates redundant CSS
   Load this LAST to override and clean up duplicates
   ======================================== */

/* ========================================
   1. REMOVE DUPLICATE HERO HEADING STYLES
   ======================================== */

/* .modern-hero-heading is defined in:
   - design-system.css (clamp(1.5rem, 2.2vw, 3.25rem))
   - app.css (clamp(1.5rem, 2.2vw, 3.25rem)) - DUPLICATE
   - style.css (clamp(1.5rem, 2.2vw, 3.25rem)) - DUPLICATE
   - home.css (multiple definitions with different values)
   - professional-fix.css (clamp(1.75rem, 4vw, 2.5rem))
   - typography-fix.css (clamp(1.75rem, 4vw, 2.75rem))

   KEEP: typography-fix.css (most comprehensive)
   DISABLE: design-system.css, app.css, style.css duplicates
*/

/* Override duplicate hero heading from design-system.css */
/* (Keep typography-fix.css version) */
.design-system-hero-override {
    /* Disabled - use typography-fix.css instead */
}

/* ========================================
   2. REMOVE DUPLICATE SECTION HEADING STYLES
   ======================================== */

/* Section headings (.section-title, etc.) are defined in:
   - design-system.css
   - app.css - DUPLICATE
   - style.css - DUPLICATE
   - professional-fix.css
   - typography-fix.css
   - heading-improvement.css
   - heading-beauty.css

   KEEP: typography-fix.css (most comprehensive)
   DISABLE: design-system.css, app.css, style.css duplicates
*/

/* ========================================
   3. CONSOLIDATE TYPOGRAPHY FILES
   ======================================== */

/* Typography/heading styles are in multiple files:
   - typography-fix.css (KEEP - most comprehensive)
   - heading-improvement.css (CONSIDER REMOVING - overlaps)
   - heading-beauty.css (KEEP - has premium-underline styles)
   - font-improvement.css (KEEP - font family definitions)
   - color-fix.css (CONSIDER MERGING - small file)
   - professional-fix.css (HAS DUPLICATES - can be cleaned)

   RECOMMENDATION:
   - Keep: typography-fix.css, heading-beauty.css, font-improvement.css
   - Merge color-fix.css into typography-fix.css
   - Remove duplicates from heading-improvement.css
   - Clean professional-fix.css to remove typography duplicates
*/

/* ========================================
   4. REMOVE DUPLICATE PREMIUM-UNDERLINE
   ======================================== */

/* .premium-underline is defined in:
   - heading-improvement.css
   - heading-beauty.css (more complete with SVG underline)

   KEEP: heading-beauty.css version
   DISABLE: heading-improvement.css version
*/

/* ========================================
   5. SECTION-SPECIFIC STYLES CONSOLIDATION
   ======================================== */

/* These sections have styles in both home.css and dedicated fix files:
   - .features-carousel-section: home.css + industries-mobile-fix.css
     → KEEP: industries-mobile-fix.css (more specific)
   
   - .cta-growth-section: home.css + cta-section-visual-fix.css
     → KEEP: cta-section-visual-fix.css (more specific)
   
   - .faq-growth-section: home.css + faq-beauty-fix.css
     → KEEP: faq-beauty-fix.css (more specific)
   
   - .why-moneypex-section: home.css + why-moneypex-visual-fix.css
     → KEEP: why-moneypex-visual-fix.css (more specific)
*/

/* ========================================
   6. DISABLE REDUNDANT FILES
   ======================================== */

/* Files that can be removed or have content moved:
   
   1. empowering-businesses-fix.css
      → REMOVED from layouts (already done)
      → Old styles for .empowering-businesses-section (not used)
   
   2. heading-improvement.css
      → Has duplicates with typography-fix.css
      → Can be removed if typography-fix.css covers everything
   
   3. color-fix.css
      → Small file, can be merged into typography-fix.css
   
   4. Duplicate hero/section styles in:
      → design-system.css (can comment out duplicates)
      → app.css (can comment out duplicates)
      → style.css (can comment out duplicates)
*/

/* ========================================
   7. SPECIFIC OVERRIDES TO PREVENT CONFLICTS
   ======================================== */

/* Ensure section-specific fix files take precedence */
.features-carousel-section {
    /* Styled by industries-mobile-fix.css */
}

.cta-growth-section {
    /* Styled by cta-section-visual-fix.css */
}

.faq-growth-section {
    /* Styled by faq-beauty-fix.css */
}

.why-moneypex-section {
    /* Styled by why-moneypex-visual-fix.css */
}

.empowering-businesses-section-new {
    /* Styled by empowering-section-rebuild.css */
    /* Cleaned by empowering-css-cleanup.css */
}

/* ========================================
   8. OPTIMIZED CSS LOADING ORDER
   ======================================== */

/* RECOMMENDED ORDER (in layout files):
   
   1. Bootstrap & Core
      - bootstrap.min.css
      - design-system.css (base styles)
      - home.css (base page styles)
      - app.css (core functionality)
   
   2. Typography (consolidated)
      - font-improvement.css (font families)
      - typography-fix.css (comprehensive typography)
      - heading-beauty.css (premium-underline styles)
      - REMOVE: heading-improvement.css (duplicates)
      - MERGE: color-fix.css into typography-fix.css
   
   3. Component Fixes
      - professional-fix.css (cleaned of typography duplicates)
      - mobile-navbar-fix.css
      - navbar-dropdown-fix.css
      - button-fix.css
      - hero-button-fix.css
      - responsive-fix.css
      - prevent-disappearing-fix.css
   
   4. Section-Specific Fixes (one per section)
      - empowering-section-rebuild.css
      - empowering-css-cleanup.css
      - why-moneypex-visual-fix.css
      - cta-section-visual-fix.css
      - industries-mobile-fix.css
      - faq-beauty-fix.css
   
   5. Cleanup (load last)
      - This file (css-cleanup-remove-duplicates.css)
*/

/* ========================================
   9. REMOVE UNUSED OLD CLASSES
   ======================================== */

/* Old classes that are no longer used:
   - .empowering-businesses-section (use .empowering-businesses-section-new)
   - .stat-card (use .stat-card-new)
   - .stat-icon (use .stat-icon-new)
   - .stat-number (use .stat-number-new)
   - .stat-label (use .stat-label-new)
   - .stats-grid (not used in new section)
*/

/* These are already handled by empowering-css-cleanup.css */

/* ========================================
   10. FILE SIZE OPTIMIZATION NOTES
   ======================================== */

/* Current CSS files loaded: ~20+ files
   
   Can be reduced to:
   - Core: 4 files (bootstrap, design-system, home, app)
   - Typography: 3 files (font-improvement, typography-fix, heading-beauty)
   - Component fixes: 7 files
   - Section fixes: 6 files
   - Cleanup: 1 file
   
   Total: ~21 files (but many can be consolidated further)
   
   RECOMMENDATION: Create a single "homepage-consolidated.css" that merges:
   - All typography fixes
   - All component fixes
   - All section-specific fixes
   
   This would reduce from ~20 files to ~5-6 files
*/