/* ============================================================
   SOLO DISPLAY: NONE — Extraído de Mobile Refactor v8
   ============================================================ */

@media (max-width: 768px) {
  /* Overlay del drawer */
  .nav-overlay {
    display: none !important;
  }
.card-header.telemetry-toggle-container {
  display: none !important;
}

  /* Ocultar: TODOS los labels */
  .options-bar label {
    display: none !important;
  }

  /* ── DIVIDER ── */
  .options-bar .divider {
    display: none !important;
  }

  /* Ocultar texto de todos los botones */
  #reloadBtn span,
  .chat-toggle span,
  .toggle-fullscreen span,
  .btn-reproducir span,
  .options-toggle span {
    
    display: none !important;
  }

  #reloadBtn {
            font-size: 0 !important;
        gap: 0 !important;
        border-color: transparent !important;
        background-color: transparent !important;
  } 


  /* Ocultar info extendida del canal */
  #channel-info .channel-info {
    display: none !important;
  }

  /* Ocultar label de chat */
  .angulismo-chat-label {
    display: none !important;
  }
}

/* ============================================================
   FIX: Iconos del reproductor
   ============================================================ */
@media (max-width: 640px) {
  .btn-reproducir span {
    display: none !important;
  }
}

/* ============================================================
   Atributos [hidden] (no son display:none explícitos, pero
   el navegador los aplica automáticamente)
   ============================================================ */
.btn-reproducir .pause-icon[hidden] {
  display: none !important;
}

.btn-reproducir .play-icon[hidden] {
  display: none !important;
}