/* ==========================================================
   MOBILE APP-STYLE ENHANCEMENTS
   Bottom nav, body padding, safe areas, touch targets
   ========================================================== */

/* Reserve space for bottom nav on mobile */
@media (max-width: 991.98px) {
    body.has-mobile-nav {
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }
    /* Hide desktop dropdown from top strip on mobile */
    .top-info-strip { display: none !important; }
}

/* Smooth scrolling on mobile */
@media (max-width: 991.98px) {
    html { scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; }
    body { -webkit-overflow-scrolling: touch; }
}

/* Native-feeling tap feedback */
@media (hover: none) {
    .product-card-v2:active,
    .product-add-btn:active,
    .header-cart-btn:active,
    .mobile-nav-item:active,
    .mega-cat-item:active {
        transform: scale(0.97);
        transition: transform 0.1s;
    }
}

/* Full-width buttons on mobile */
@media (max-width: 575.98px) {
    .btn, .product-add-btn, .btn-add-main, .header-cart-btn {
        min-height: 44px;
    }
}

/* Hero slider full width on mobile */
@media (max-width: 767.98px) {
    .hero-carousel .carousel-item { min-height: 380px; }
    .hero-slide-content h1 { font-size: 1.6rem !important; }
    .hero-slide-content p { font-size: 0.9rem; }
    .hero-slide-content .btn { padding: 0.6rem 1.25rem; font-size: 0.9rem; }
}

/* Product grids: 2 columns on mobile */
@media (max-width: 575.98px) {
    .product-grid-mobile-2 { grid-template-columns: repeat(2, 1fr); }
}

/* Container padding tighter on mobile */
@media (max-width: 575.98px) {
    .container { padding-left: 12px; padding-right: 12px; }
}

/* Disable hover effects on touch devices */
@media (hover: none) {
    .product-card-v2:hover { transform: none; box-shadow: none; }
    .product-card-hover-actions { display: none; }
    .product-wishlist-btn { opacity: 1; }
}

/* Pull-to-refresh feel (visual only) */
.mobile-nav-item,
.mobile-menu-link {
    touch-action: manipulation;
}

/* Prevent zoom on input focus (iOS) */
@media (max-width: 767.98px) {
    input, select, textarea {
        font-size: 16px !important;
    }
}

/* Status bar spacing (iOS notch devices) */
@supports (padding: max(0px)) {
    .mobile-bottom-nav {
        padding-bottom: max(8px, env(safe-area-inset-bottom));
    }
}