/**
 * Welcome Page Styles
 * This file imports all component-specific styles from the welcome-parts directory.
 */

@import 'welcome-parts/variables.css?v=3';
@import 'welcome-parts/announcement.css?v=3';
@import 'welcome-parts/navbar.css?v=6';
@import 'welcome-parts/buttons.css?v=2';
@import 'welcome-parts/hero.css?v=15';
@import 'welcome-parts/quick-links.css?v=20260424';
@import 'welcome-parts/recently-joined.css?v=20260426j';
@import 'welcome-parts/sections.css?v=2';
@import 'welcome-parts/online-members.css?v=20260423';
@import 'welcome-parts/features.css?v=20260424';
@import 'welcome-parts/how-it-works.css?v=20260424';
@import 'welcome-parts/marriage-types.css?v=20260424';
@import 'welcome-parts/pricing.css?v=2';
@import 'welcome-parts/success-stories.css?v=20260424';
@import 'welcome-parts/stats.css?v=20260424';
@import 'welcome-parts/faq.css?v=2';
@import 'welcome-parts/app-section.css?v=8';
@import 'welcome-parts/cta.css?v=8';
@import 'welcome-parts/footer.css?v=10';
@import 'welcome-parts/animations.css?v=2';
@import 'welcome-parts/responsive.css?v=4';

/* ===== PWA VISITOR BOTTOM BAR (STRICT FALLBACK) ===== */
.mobile-pwa-actions {
    display: none !important; /* Hidden on Desktop */
}

@media (max-width: 991px) {
    .mobile-pwa-actions {
        display: flex !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background: rgba(15, 23, 42, 0.85);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        padding: 12px 16px env(safe-area-inset-bottom);
        gap: 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3);
        align-items: center;
    }

    .pwa-btn {
        height: 50px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-weight: 800;
        font-size: 14px;
        text-decoration: none;
        transition: all 0.3s ease;
        border: none;
        color: white;
    }

    .pwa-btn.pink {
        background: linear-gradient(135deg, #e91e63, #c2185b);
        box-shadow: 0 4px 15px rgba(233, 30, 99, 0.4);
    }

    .pwa-btn-square {
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 18px;
        text-decoration: none;
        flex-shrink: 0;
    }
    
    body { padding-bottom: 80px; }
}