/* ===================================
   VISUAL IMPROVEMENTS - LILIANG
   Enhanced backgrounds and readability
   =================================== */

/* Section background enhancements */
.section.highlights .highlight-card,
.section.gallery .gallery-item {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.section.highlights .section-header,
.section.gallery .section-header {
    color: white !important;
}

.section.highlights .section-title,
.section.gallery .section-title {
    color: white !important;
}

.section.highlights .section-description,
.section.gallery .section-description {
    color: rgba(255,255,255,0.9) !important;
}

/* Content boxes with better contrast */
.opportunity-card,
.highlight-card,
.scenario-card,
.legal-card,
.testimonial-card {
    background: white;
    padding: 2.5rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.opportunity-card:hover,
.highlight-card:hover,
.scenario-card:hover,
.legal-card:hover,
.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.12);
}

/* Investment section table improvements */
.investment-table-wrapper {
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
}

.investment-table thead {
    background: linear-gradient(135deg, var(--color-golden-prosperity), var(--color-gold-dark));
    color: white;
}

/* Master plan preview enhancement */
.master-plan-preview {
    background: white;
    padding: 3rem;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
}

/* Gallery filters on dark background */
.gallery-filters {
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 2rem;
}

.gallery-filters .filter-btn {
    background: transparent;
    color: white;
    border: 2px solid rgba(255,255,255,0.3);
}

.gallery-filters .filter-btn.active,
.gallery-filters .filter-btn:hover {
    background: var(--color-golden-prosperity);
    border-color: var(--color-golden-prosperity);
    color: var(--color-forest-depth);
}

/* Gallery items on dark background */
.gallery-grid .gallery-item {
    border: 3px solid rgba(255,255,255,0.1);
}

.gallery-grid .gallery-overlay {
    background: linear-gradient(to top, rgba(11, 61, 46, 0.95), transparent);
}

/* Tour booking card enhancement */
.tour-booking-card {
    background: white;
    padding: 3rem;
    border-radius: 20px;
    box-shadow: 0 12px 48px rgba(0,0,0,0.1);
}

/* FAQ items enhancement */
.faq-item {
    background: white;
    margin-bottom: 1rem;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    overflow: hidden;
}

.faq-question {
    background: linear-gradient(135deg, #f8f9fa, #ffffff);
    padding: 1.5rem 2rem;
    cursor: pointer;
    transition: background 0.3s ease;
}

.faq-question:hover {
    background: linear-gradient(135deg, var(--color-golden-prosperity), var(--color-gold-dark));
}

.faq-question:hover h4 {
    color: white;
}

.faq-answer {
    padding: 1.5rem 2rem;
    background: white;
    border-top: 1px solid #e9ecef;
}

/* Press logos enhancement */
.press-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin: 3rem 0;
    flex-wrap: wrap;
}

.press-logo {
    background: white;
    padding: 1.5rem 3rem;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--color-forest-depth);
}

/* Contact info boxes */
.contact-info .contact-item {
    background: white;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.contact-info .contact-item i {
    color: var(--color-golden-prosperity);
    font-size: 1.5rem;
    margin-top: 0.25rem;
}

/* Tabs enhancement */
.tab-content {
    background: white;
    padding: 3rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
}

.tab-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.tab-btn {
    background: white;
    border: 2px solid #e9ecef;
    padding: 1rem 2rem;
    border-radius: 12px;
    font-weight: 600;
    color: var(--color-forest-depth);
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-btn:hover,
.tab-btn.active {
    background: linear-gradient(135deg, var(--color-golden-prosperity), var(--color-gold-dark));
    border-color: var(--color-golden-prosperity);
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .opportunity-card,
    .highlight-card,
    .scenario-card,
    .legal-card,
    .testimonial-card,
    .tab-content,
    .tour-booking-card {
        padding: 1.5rem;
    }
    
    .master-plan-preview,
    .investment-table-wrapper {
        padding: 1.5rem;
    }
}