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

@import 'welcome-parts/variables.css?v=4';
@import 'welcome-parts/announcement.css?v=4';
@import 'welcome-parts/navbar.css?v=7';
@import 'welcome-parts/buttons.css?v=3';
@import 'welcome-parts/hero.css?v=16';
@import 'welcome-parts/quick-links.css?v=20260425';
@import 'welcome-parts/recently-joined.css?v=20260426k';
@import 'welcome-parts/sections.css?v=3';
@import 'welcome-parts/online-members.css?v=20260503b';
@import 'welcome-parts/features.css?v=20260425';
@import 'welcome-parts/how-it-works.css?v=20260425';
@import 'welcome-parts/marriage-types.css?v=20260425';
@import 'welcome-parts/pricing.css?v=3';
@import 'welcome-parts/success-stories.css?v=20260425';
@import 'welcome-parts/stats.css?v=20260425';
@import 'welcome-parts/faq.css?v=3';
@import 'welcome-parts/app-section.css?v=9';
@import 'welcome-parts/cta.css?v=9';
@import 'welcome-parts/footer.css?v=11';
@import 'welcome-parts/animations.css?v=3';
@import 'welcome-parts/responsive.css?v=5';

/* ===== PWA VISITOR BOTTOM BAR (PREMIUM NATIVE FEEL) ===== */
.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(10, 15, 41, 0.75);
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        padding: 14px 18px calc(12px + env(safe-area-inset-bottom));
        gap: 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 -15px 50px rgba(0, 0, 0, 0.5);
        align-items: center;
        border-radius: 24px 24px 0 0;
    }

    .pwa-btn {
        height: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-weight: 900;
        font-size: 14.5px;
        text-decoration: none !important;
        transition: all 0.3s ease;
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: white;
    }

    .pwa-btn.pink {
        background: linear-gradient(135deg, #e91e63, #c2185b);
        box-shadow: 0 8px 25px rgba(233, 30, 99, 0.4);
        border: 1px solid rgba(255, 255, 255, 0.15);
    }
    
    .pwa-btn.pink:active { transform: scale(0.96); opacity: 0.9; }

    .pwa-btn-square {
        width: 52px;
        height: 52px;
        background: rgba(255, 255, 255, 0.08);
        border: 1.5px solid rgba(255, 255, 255, 0.1);
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 20px;
        text-decoration: none !important;
        flex-shrink: 0;
        transition: all 0.2s ease;
    }
    .pwa-btn-square:active { background: rgba(255, 255, 255, 0.15); transform: scale(0.92); }
    
    body { padding-bottom: calc(85px + env(safe-area-inset-bottom)); }
}