/** * App Rádio 3.0 — camada de segurança * --------------------------------------------------------------------------- * Dentro do app nativo o site não mostra a barra de menu inferior, o mini * player de áudio nem o banner de instalação: o app tem os dele. O servidor * já não renderiza esses elementos quando o User-Agent traz "Radio30App" * (includes/app-context.php); estas regras cobrem o HTML servido sem essa * detecção — a classe `radio30-app` no também é injetada pelo app. * * Tudo escopado em html.radio30-app: fora do app nenhuma regra casa. * Sem cor nenhuma — só visibilidade e espaçamento. */ /* ── Elementos que o app substitui ─────────────────────────────────────── */ /* 1. Barra de menu inferior (includes/mobile_nav.php — a mesma nos quatro temas) */ html.radio30-app .mobile-bottom-nav, /* 2. Mini player de áudio (themes//player.php) e o player expandido que abre a partir dele (includes/mobile_nav.php) */ html.radio30-app #player.wave-player, html.radio30-app #player.neon-player, html.radio30-app #player.pulse-player, html.radio30-app #player.glow-player, html.radio30-app #expandedPlayerCard, /* 3. Banner de instalação e a folha de instruções do iOS (includes/smart-app-install-banner.php) */ html.radio30-app #smartAppBanner, html.radio30-app #sabSheet { display: none !important; } /* ── Espaços reservados para a barra e o player fixos ──────────────────── */ /* Altura do player fixo: é a base do posicionamento de tudo que flutua acima dele — botão do WhatsApp (#wa-fab), widget de vídeo desktop (.vmp-widget) e o aviso de cookies no desktop. Sem player, eles descem até a borda. */ html.radio30-app { --player-height: 0px; } /* mobile_nav.php reserva 148px no body para a barra + o mini player */ html.radio30-app body { padding-bottom: 0 !important; } /* Rodapé dos temas: 80px "para compensar o player fixo" (WAVE, NEON e GLOW ainda somam a safe area com !important) */ html.radio30-app .wave-footer, html.radio30-app .neon-footer, html.radio30-app .pulse-footer, html.radio30-app .glow-footer { padding-bottom: env(safe-area-inset-bottom, 0px) !important; } /* Aviso de cookies no celular: 72px para não ficar atrás da barra inferior */ @media (max-width: 768px) { html.radio30-app .cookie-banner { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } }