/* SMM Dealz - Mobile UI/UX & PWA Refinements */

/* Glassmorphism Bottom Navigation */
.bottom-nav {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.05) !important;
    padding-bottom: env(safe-area-inset-bottom);
    transition: all 0.3s ease;
}

.dark-theme .bottom-nav {
    background: rgba(17, 25, 40, 0.7) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Enhanced Touch Targets and Micro-Animations */
.bottom-nav .nav-link {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease;
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-nav .nav-link:active {
    transform: scale(0.85);
}

.bottom-nav .nav-link.active {
    color: var(--primary-color) !important;
    transform: translateY(-2px);
}

.cmn-btn {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;
    min-height: 44px; /* Apple Human Interface Guidelines minimum touch target */
}

.cmn-btn:active {
    transform: scale(0.95);
}

a, button {
    touch-action: manipulation; /* Prevent double-tap zoom delay */
}

/* Mobile Layout Padding Fixes */
@media (max-width: 991px) {
    body {
        padding-bottom: 70px; /* Leave space for bottom nav */
    }
    
    .custom-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Make cards floaty and soft on mobile */
    .cmn-box {
        box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
        border-radius: 12px !important;
        border: 1px solid rgba(255,255,255,0.4) !important;
    }
    
    .dark-theme .cmn-box {
        border: 1px solid rgba(255,255,255,0.05) !important;
    }
}