/* CLEAN CSS OVERRIDES - LONDON HOMESTAYS STAGING
 * Created: August 22, 2025 
 * Purpose: Only essential contrast and styling fixes
 * Navigation corruption removed - back to original structure
 */

/* === WORKING CONTRAST FIXES === */

/* Fix "What Our Students Say" white text on white background */
body .testimonials-premium .section-header h2,
body .testimonials-premium h2,
html body .testimonials-premium .section-header h2,
html body .testimonials-premium h2,
body .testimonials-section .section-header h2,
body .testimonials-section h2,
html body .testimonials-section .section-header h2 {
    color: #000032 !important;
    text-shadow: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-text-fill-color: #000032 !important;
    background-clip: initial !important;
    -webkit-background-clip: initial !important;
}

/* Fix all white text on white background issues */
body .section-premium .section-header h2,
body .section-premium h2,
html body .section-premium .section-header h2,
html body .section-premium h2 {
    color: #000032 !important;
    text-shadow: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-text-fill-color: #000032 !important;
}

/* Fix subtitle text on light backgrounds */
body .section-premium .section-header .subtitle,
body .section-premium .subtitle,
html body .section-premium .section-header .subtitle,
html body .section-premium .subtitle {
    color: #333333 !important;
    text-shadow: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-text-fill-color: #333333 !important;
}

/* === VERTICAL PADDING REDUCTION === */

/* Dramatically reduce section padding - EXCLUDE HERO SECTIONS */
body .section-premium:not(.hero-premium):not(.hero-authority):not(.hero-interactive):not(.hero-visual-story),
body .video-section-premium,
body .testimonials-section,
body .testimonials-premium,
html body .section-premium:not(.hero-premium):not(.hero-authority):not(.hero-interactive):not(.hero-visual-story),
html body .video-section-premium,
html body .testimonials-section,
html body .testimonials-premium {
    padding: 30px 0 !important;
    margin: 0 !important;
}

/* Reduce header margins */
body .section-header,
html body .section-header {
    margin-bottom: 1.5rem !important;
    margin-top: 0 !important;
}

/* === WORKING BUTTON FIXES === */

/* "Welcome Students" button - Make it gold */
body .btn-premium-secondary,
html body .btn-premium-secondary,
body a.btn-premium-secondary,
html body a.btn-premium-secondary {
    background: #d4af37 !important;
    color: #000032 !important;
    border: 2px solid #d4af37 !important;
    transition: all 0.3s ease !important;
    transform: translateY(0) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
    font-weight: 600 !important;
}

body .btn-premium-secondary:hover,
html body .btn-premium-secondary:hover,
body a.btn-premium-secondary:hover,
html body a.btn-premium-secondary:hover {
    background: #b8941f !important;
    border-color: #b8941f !important;
    color: #000032 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5) !important;
}

/* === CHOOSE YOUR JOURNEY BUTTON ALIGNMENT === */

/* Make pathway cards flex containers for button alignment */
body .audience-pathways,
html body .audience-pathways {
    display: flex !important;
    gap: 2rem !important;
    align-items: stretch !important;
}

body .pathway-card,
html body .pathway-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    height: 100% !important;
}

/* Push buttons to bottom of cards */
body .pathway-card a.btn-premium-primary,
html body .pathway-card a.btn-premium-primary,
body .pathway-card .btn-premium-primary,
html body .pathway-card .btn-premium-primary {
    margin-top: auto !important;
    align-self: flex-start !important;
}

/* Ensure content area grows to push button down */
body .pathway-card p,
html body .pathway-card p {
    flex-grow: 1 !important;
    margin-bottom: 1.5rem !important;
}

/* === FOOTER CROSS-SERVICE LINKS === */

/* Cross-service section */
.footer-cross-services {
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    padding: 25px 0;
    text-align: center;
}

.cross-services-container {
    max-width: 600px;
    margin: 0 auto;
}

.cross-services-intro {
    color: #6c757d;
    font-size: 14px;
    margin: 0 0 15px 0;
    font-weight: 500;
}

.cross-services-links {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.cross-service-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000032;
    text-decoration: none;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid #dee2e6;
    background: white;
}

.cross-service-link:hover {
    background: #000032;
    color: white;
    border-color: #000032;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,50,0.15);
}

.cross-service-link i {
    font-size: 14px;
    opacity: 0.8;
}

/* === HOMESTAY NAVIGATION SECTION === */
/* Navigation styles moved to lhs-debug-nav.css to prevent conflicts */
/* This section intentionally left empty to avoid CSS conflicts */

/* === RESPONSIVE ADJUSTMENTS === */

@media (max-width: 768px) {
    body .section-premium,
    body .video-section-premium,
    body .testimonials-section,
    html body .section-premium,
    html body .video-section-premium,
    html body .testimonials-section {
        padding: 20px 0 !important;
    }
    
    /* Stack pathway cards on mobile */
    body .audience-pathways,
    html body .audience-pathways {
        flex-direction: column !important;
    }
    
    /* Mobile responsive for cross-service links */
    .cross-services-links {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .cross-service-link {
        width: auto;
        justify-content: center;
    }
}