/* ---------------------------------------------------- */
/* JIVEBAY - MOBILE OPTIMIZATION (< 768px) */
/* ---------------------------------------------------- */

@media (max-width: 768px) {
    
    /* General Padding */
    .container, .main-wrapper {
        padding: 0 10px;
    }

    /* Header Adjustments */
    header {
        padding: 10px 0;
    }
    .header-inner {
        padding: 0 10px;
    }
    
    /* Hide desktop elements on mobile */
    .hidden-mobile {
        display: none !important;
    }

    /* Bottom Navigation Layout */
    .bottom-nav {
        height: var(--bottom-nav-height);
        padding-top: 5px;
    }
    
    /* Card Grid for Mobile */
    .product-card-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    
    .product-card .title {
        font-size: 12px;
        height: 30px; /* 2 lines */
    }
    
    .product-card .price {
        font-size: 14px;
    }

    /* Auth/Login Pages - Remove box shadow for full-screen feel */
    .auth-card {
        box-shadow: none !important;
        background: transparent !important;
    }

    /* Slide Up Menu - Full height, quarter width */
    .slide-up-panel {
        width: 75%; /* Quarter screen width from the right side */
        height: 100vh;
        left: auto;
        right: 0;
        top: 0;
        transform: translateX(100%); /* Slide from the right */
        border-radius: 0;
    }
    
    .slide-up-panel.visible { 
        transform: translateX(0); 
    }
    
    /* Mobile specific header for dashboard pages (e.g. contact.php) */
    .page-header .back-btn {
        font-size: 24px;
        padding: 5px;
    }
}