/* =========================================
   Mobile Bottom Navigation
   ========================================= */

@media (max-width: 767.98px) {

    /* Add padding to body to prevent content from being hidden */
    body {
        padding-bottom: 90px;
    }

    .mobile-bottom-nav {
        min-height: 70px;
        z-index: 1040;
        padding-bottom: env(safe-area-inset-bottom);
        width: 100%;
    }

    .mobile-nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 8px 0;
        color: #6c757d;
        text-decoration: none;
        font-size: 0.85rem;
        transition: color 0.2s;
        height: 100%;
    }

    .mobile-nav-item i {
        font-size: 1.5rem;
        margin-bottom: 2px;
    }

    .mobile-nav-item.active,
    .mobile-nav-item:hover {
        color: var(--lotto-green);
        font-weight: 600;
    }

    /* Floating FAB Container */
    .mobile-nav-fab-container {
        position: relative;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* The Big Center Button (Bet) */
    .mobile-nav-fab {
        position: absolute;
        top: -25px;
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, #ffd700 0%, #fbc02d 100%);
        border-radius: 50%;
        border: 4px solid white;
        box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: var(--lotto-dark-green);
        text-decoration: none;
        z-index: 1050;
        transition: transform 0.2s;
    }

    .mobile-nav-fab i {
        font-size: 2rem;
        line-height: 1;
        margin-bottom: 0;
    }

    .mobile-nav-fab span {
        font-size: 0.75rem;
        font-weight: 800;
        line-height: 1;
        margin-top: 2px;
    }

    .mobile-nav-fab:active {
        transform: scale(0.95);
    }
}