/* HLB V5.4.2y - Transparent / glass mini player + bottom navigation */
@media (max-width:820px){
  /* Mini player: remove the solid charcoal block and let page content show through. */
  .player-shell{
    background:rgba(16,17,21,.38) !important;
    -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
    backdrop-filter:blur(18px) saturate(135%) !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 -8px 28px rgba(0,0,0,.12) !important;
  }

  /* Bottom tabs: same glass treatment so the entire circled area feels continuous. */
  .mobile-nav.mobile-nav-v43{
    background:rgba(12,13,17,.30) !important;
    -webkit-backdrop-filter:blur(20px) saturate(140%) !important;
    backdrop-filter:blur(20px) saturate(140%) !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    box-shadow:none !important;
  }

  /* Keep icons/text readable on transparent glass. */
  .mobile-nav.mobile-nav-v43 > a{
    text-shadow:0 1px 5px rgba(0,0,0,.45) !important;
  }

  .player-now-copy strong,
  .player-now-copy span,
  .progress-row{
    text-shadow:0 1px 5px rgba(0,0,0,.45) !important;
  }
}

/* iPhone Home Screen / standalone mode: make it slightly clearer and avoid opaque PWA fallback. */
@media (display-mode:standalone) and (max-width:820px){
  .player-shell{
    background:rgba(16,17,21,.34) !important;
  }
  .mobile-nav.mobile-nav-v43{
    background:rgba(12,13,17,.26) !important;
  }
}