/* Premium Overlays and Effects for Riverova
   Enhances styles with premium light theme glassmorphism, soft glows, and clean slate typography.
   Author: Antigravity AI
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* Typography settings */
h1, h2, h3, h4, h5, h6, .serif-font {
    font-family: 'Playfair Display', serif !important;
}

body {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
}

/* Gradient text utilities for Light Mode (readable dark gradients) */
.gradient-text {
    background: linear-gradient(135deg, #0f172a 20%, #1e3a8a 60%, #2563eb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.gradient-text-emerald {
    background: linear-gradient(135deg, #0f172a 20%, #065f46 60%, #10b981 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.gradient-text-amber {
    background: linear-gradient(135deg, #0f172a 20%, #92400e 60%, #d97706 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

/* Premium Light Glassmorphism Overrides */
.premium-card,
.card,
.stat-card,
.fin-card,
.summary-item,
.problem-card,
.impact-card,
.model-item,
.benefit-card,
.stat-box,
.timeline-content {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: var(--radius, 20px) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    color: var(--text-main, #0f172a) !important;
}

.premium-card:hover,
.card:hover,
.stat-card:hover,
.fin-card:hover,
.summary-item:hover,
.problem-card:hover,
.impact-card:hover,
.model-item:hover,
.benefit-card:hover,
.stat-box:hover,
.timeline-content:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06), 0 0 20px rgba(37, 99, 235, 0.06) !important;
}

/* Input Fields Focus Effect in Light Mode */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    background-color: #ffffff !important;
    border-color: var(--primary, #ea580c) !important;
    box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.15) !important;
    outline: none !important;
}

/* Light Mode Alert Boxes */
.alert-success {
    background-color: rgba(16, 185, 129, 0.05) !important;
    border-color: rgba(16, 185, 129, 0.15) !important;
    border-left: 4px solid var(--success, #16a34a) !important;
    color: #065f46 !important;
}

.alert-danger {
    background-color: rgba(239, 68, 68, 0.05) !important;
    border-color: rgba(239, 68, 68, 0.15) !important;
    border-left: 4px solid var(--danger, #ef4444) !important;
    color: #991b1b !important;
}

/* Light Background soft glowing blob effects */
.hero::before,
.hero-section::before,
.page-header::before,
.sub-hero::before {
    content: '' !important;
    position: absolute !important;
    top: -20% !important;
    right: -10% !important;
    width: 600px !important;
    height: 600px !important;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.08) 0%, rgba(16, 185, 129, 0.03) 50%, transparent 100%) !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   Pitch Deck Pages - Light Mode Complete Override System
   ========================================================================== */

.pitch-deck-page {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

.pitch-deck-page body,
.pitch-deck-page main,
.pitch-deck-page section,
.pitch-deck-page header,
.pitch-deck-page footer {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

/* Target specific components in the pitch pages to ensure light background */
.pitch-deck-page #investment-opportunity,
.pitch-deck-page #why-invest,
.pitch-deck-page #problem,
.pitch-deck-page #solution,
.pitch-deck-page .impact-section,
.pitch-deck-page .roadmap,
.pitch-deck-page .testimonials,
.pitch-deck-page .partners,
.pitch-deck-page .grants,
.pitch-deck-page .investment-rounds,
.pitch-deck-page .tokenomics,
.pitch-deck-page .moat,
.pitch-deck-page .risks,
.pitch-deck-page .faq,
.pitch-deck-page .cta,
.pitch-deck-page footer {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

/* Alternating section backgrounds for design rhythm */
.pitch-deck-page #why-invest,
.pitch-deck-page #solution,
.pitch-deck-page .roadmap,
.pitch-deck-page .tokenomics,
.pitch-deck-page .risks,
.pitch-deck-page .cta {
    background-color: #f1f5f9 !important;
    background: #f1f5f9 !important;
}

/* Make sure all text variants inherit readable dark colors */
.pitch-deck-page h1,
.pitch-deck-page h2,
.pitch-deck-page h3,
.pitch-deck-page h4,
.pitch-deck-page h5,
.pitch-deck-page h6,
.pitch-deck-page p,
.pitch-deck-page li,
.pitch-deck-page span,
.pitch-deck-page strong,
.pitch-deck-page small,
.pitch-deck-page th,
.pitch-deck-page td,
.pitch-deck-page div:not(.logo) {
    color: #0f172a;
}

.pitch-deck-page .text-muted,
.pitch-deck-page p:not(.lead):not(strong),
.pitch-deck-page span:not(strong):not(h4),
.pitch-deck-page li:not(strong),
.pitch-deck-page small {
    color: #475569 !important;
}

/* Headings colors */
.pitch-deck-page h1,
.pitch-deck-page h2,
.pitch-deck-page h3,
.pitch-deck-page h4 {
    color: #0f172a !important;
}

/* Timeline Light Theme overrides */
.pitch-deck-page .timeline::after {
    background: rgba(15, 23, 42, 0.1) !important;
}

.pitch-deck-page .timeline-item::after {
    border: 4px solid #ffffff !important;
}

.pitch-deck-page .timeline-content {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

.pitch-deck-page .timeline-item::before {
    border-color: transparent #ffffff transparent transparent !important;
}

.pitch-deck-page .left::before {
    border-color: transparent transparent transparent #ffffff !important;
}

@media screen and (max-width: 768px) {
    .pitch-deck-page .timeline-item::before {
        border-color: transparent #ffffff transparent transparent !important;
    }
}

/* Competitor comparison table fixes */
.pitch-deck-page table {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

.pitch-deck-page tr {
    border-bottom: 1px solid #e2e8f0 !important;
}

.pitch-deck-page thead tr {
    background: #f1f5f9 !important;
}

.pitch-deck-page th,
.pitch-deck-page td {
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.pitch-deck-page th {
    background: #f8fafc !important;
    border-bottom: 2px solid #cbd5e1 !important;
}

.pitch-deck-page th[style*="background: var(--primary)"] {
    background-color: var(--primary, #2563eb) !important;
    color: #ffffff !important;
}

/* Light button variants */
.pitch-deck-page .btn-white {
    background: #0f172a !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}

.pitch-deck-page .btn-white:hover {
    background: #1e293b !important;
    transform: translateY(-2px) !important;
}

.pitch-deck-page .btn-outline {
    border: 2px solid rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
    background: transparent !important;
}

.pitch-deck-page .btn-outline:hover {
    background: rgba(15, 23, 42, 0.05) !important;
}

/* Highlight badge overrides */
.pitch-deck-page .hero-badge {
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: #1e40af !important;
}

.pitch-deck-page .summary-box {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    border: 2px solid #3b82f6 !important;
}

.pitch-deck-page .summary-item {
    background: #ffffff !important;
    border: 1px solid #dbeafe !important;
}

/* Sticky navigation styling in pitch */
.pitch-deck-page #stickyNav {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    backdrop-filter: blur(12px) !important;
}

.pitch-deck-page .nav-link {
    color: #475569 !important;
}

.pitch-deck-page .nav-link:hover,
.pitch-deck-page .nav-link.active {
    color: var(--primary, #2563eb) !important;
    background: rgba(37, 99, 235, 0.05) !important;
}

/* Pitch Navigation Text and Logo Colors */
.pitch-deck-page nav div[style*="color: white"],
.pitch-deck-page nav div[style*="color:white"],
.pitch-deck-page nav .lang-switch span,
.pitch-deck-page nav .lang-switch a {
    color: #0f172a !important;
}

.pitch-deck-page nav .lang-switch a:hover {
    color: var(--primary, #2563eb) !important;
}