/* ===== Bottom Tab Navigation (Mobile Only) ===== */
.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-top:1px solid #e5e5e5;padding:6px 0 env(safe-area-inset-bottom,8px);padding-bottom:max(6px,env(safe-area-inset-bottom))}
.bottom-nav .nav-items{display:flex;justify-content:space-around;align-items:center}
.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#999;font-size:10px;padding:4px 0;min-width:56px;transition:color 0.2s;-webkit-tap-highlight-color:transparent}
.bottom-nav .nav-item .icon{font-size:20px;line-height:1}
.bottom-nav .nav-item.active{color:#111}
.bottom-nav .nav-item .badge{position:absolute;top:-2px;right:8px;background:#E53935;color:#fff;font-size:9px;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center}
.bottom-nav .nav-item{position:relative}

/* Seller bottom nav - dark theme */
.bottom-nav.seller{background:#1a1a1a;border-top-color:#333}
.bottom-nav.seller .nav-item{color:#888}
.bottom-nav.seller .nav-item.active{color:#fff}

/* Push page content up so it doesn't hide behind nav */
@media(max-width:768px){
    .bottom-nav{display:block}
    body{padding-bottom:calc(60px + env(safe-area-inset-bottom,8px))}
    /* For seller pages */
    body.seller-nav{padding-bottom:calc(60px + env(safe-area-inset-bottom,8px))}
}