/* Front Page Color Consolidation */
/* Only 2 alternating background colors for cohesive, clean design */

/* Color Scheme:
   - Color A (Pure White): #ffffff - Clean white
   - Color B (Subtle Off-White): #f8f9fa - Very subtle gray-white
*/

/* Section 1: Header Hero - Color A (Pure White) */
.header-hero-section {
    background: #ffffff !important;
}

/* Section 2: Work Your Way - Color B (Subtle Off-White) */
.hero-new-section {
    background: #f8f9fa !important;
}

/* Section 3: Pain Solutions - Color A (Pure White) */
.pain-solutions-fixed {
    background: #ffffff !important;
}

/* Section 4: Lawft Platform - Color B (Subtle Off-White) */
.lawft-platform-section {
    background: #f8f9fa !important;
}

/* Ensure h-section is transparent to show clouds */
.h-section {
    background: transparent !important;
}

/* Way cards - keep white background to stand out on off-white section */
.way-card {
    background: #ffffff !important;
}

/* Panel cards in platform section - white background */
.panel-card {
    background: #ffffff !important;
}

/* Slide backgrounds in platform section - transparent to show clouds */
.slide {
    background: transparent !important;
}

/* Override any conflicting gradient backgrounds */
.header-hero-section::before,
.hero-new-section::before,
.pain-solutions-fixed::before,
.lawft-platform-section::before {
    display: none !important;
}

/* Ensure pre-footer and footer have solid backgrounds to block clouds */
.pre-footer-cta {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
}

footer,
.site-footer,
.ft-footer {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}