/* css/mobile.css - Mobile-specific overrides loaded last */

/* Global mobile typography and icon scale */
@media (max-width: 767.98px) {
  .section-title { font-size: 1.1rem; line-height: 1.2; }
  .btn { font-size: 0.95rem; }
  .btn .btn-emoji { font-size: 1.2rem; }
  .action-btn { font-size: 1.1rem; }
  /* Hide leading emojis in titles on mobile */
  .section-title .btn-emoji, .section-header h3 .btn-emoji { display: none !important; }
}

/* Release details - header actions: 5 columns always */
@media (max-width: 767.98px) {
  .release-actions { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; width: 100%; margin: 0.5rem 0; }
  .release-actions .btn { width: 100%; height: 48px; min-height: 48px; padding: 0; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; }
  .release-actions .btn .btn-text, .release-actions .btn .btn-aux { display: none; }
}

/* Release details - tracklist cover to 48px and compact actions */
@media (max-width: 767.98px) {
  .release-tracklist .track-item { display: grid; grid-template-columns: 48px 1fr auto; gap: 6px 8px; align-items: center; padding: 0.5rem; }
  .release-tracklist .track-number { display: none; }
  .release-tracklist .track-cover { width: 48px; height: 48px; border-radius: 6px; }
  .release-tracklist .track-actions { display: grid; grid-template-columns: repeat(2, 36px); grid-auto-rows: 36px; gap: 4px; justify-content: end; align-items: center; }
  .release-tracklist .track-actions .action-btn { width: 36px; height: 36px; padding: 0; border-radius: 8px; }
  /* Track cards (vertical) actions centered on mobile */
  .track-card .track-actions { justify-content: center; }
}

/* Player expanded - larger cover and hide external speaker icon */
@media (max-width: 767.98px) {
  /* Ajustes para caber entre header e rodapé sem cortar */
  .player.expanded .player-cover { width: min(78vw, 320px); height: min(78vw, 320px); font-size: 5.2rem; }
  .player.expanded .player-info { margin-bottom: 0.75rem; }
  .player.expanded .player-controls { margin: 0.75rem 0; gap: 10px 12px; }
  .player.expanded .progress-container { padding-top: 24px; }
  .player.expanded .player-volume > span { display: none !important; }
  .player.expanded .close-expanded { display: none !important; }
}

/* Navigation: icon-only center alignment stays consistent */
@media (max-width: 520px) {
  .nav-container { padding: 0; justify-content: center; }
  .nav-container.icon-only { justify-content: center; }
}